ajax請求是一種無刷新式的用戶體驗，可以發(fā)送GET和POST兩種異步請求，現(xiàn)記錄如下：
GET請求：
function sendRequestByGet(){
//定義異步請求對象
var xmlReq;
//檢測瀏覽器是否直接支持ajax
if(window.XMLHttpRequest){//直接支持ajax
xmlReq=new XMLHttpRequest();
}else{//不直接支持ajax
xmlReq=new ActiveObject('Microsoft.XMLHTTP');
}
//設置回調函數(shù)
xmlReq.onreadystatechange=function(){
if (xmlReq.readyState==4xmlReq.status==200) {
//獲取服務器的響應值
var result=xmlReq.responseText;
//后續(xù)操作
alert(result);
}
};
//創(chuàng)建異步get請求
var url="Hello?name=zhangsan";
xmlReq.open("GET",url,true);
//發(fā)送請求
xmlReq.send(null);
}
POST請求：
function sendRequestByPost(){
//定義異步請求對象
var xmlReq;
//檢測瀏覽器是否直接支持ajax
if(window.XMLHttpRequest){//直接支持ajax
xmlReq=new XMLHttpRequest();
}else{//不直接支持ajax
xmlReq=new ActiveObject('Microsoft.XMLHTTP');
}
//設置回調函數(shù)
xmlReq.onreadystatechange=function(){
if (xmlReq.readyState==4xmlReq.status==200) {
//獲取服務器的響應值
var result=xmlReq.responseText;
//后續(xù)操作
alert(result);
}
};
//創(chuàng)建異步Post請求
var url="Hello";
xmlReq.open("POST",url,true);
xmlReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//發(fā)送請求
var data="name=lisi";
xmlReq.send(data);
}
ajax請求的servlet：
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
String name=req.getParameter("name");
PrintWriter out = resp.getWriter();
out.print(name);
}
效果：
以上這篇javascript請求servlet實現(xiàn)ajax示例(分享)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:- 實例解讀Ajax與servlet交互的方法
- Jquery+ajax+JAVA(servlet)實現(xiàn)下拉菜單異步取值
- jQuery Ajax傳值到Servlet出現(xiàn)亂碼問題的解決方法
- 深入Ajax代理的Java Servlet的實現(xiàn)詳解
- jquery請求servlet實現(xiàn)ajax異步請求的示例
- Servlet+Ajax實現(xiàn)智能搜索框智能提示功能
- Ajax+Servlet+jsp顯示搜索效果
- Servlet獲取AJAX POST請求中參數(shù)以form data和request payload形式傳輸?shù)姆椒?/li>
- javaweb中ajax請求后臺servlet(實例)
- 關于Ajax技術中servlet末尾的輸出流
- AJAX Servlet實現(xiàn)數(shù)據(jù)異步交互的方法
- 探討.get .post .ajax ztree 還有后臺servlet傳遞數(shù)據(jù)的相關知識
- Servlet 與 Ajax 交互一直報status=parsererror的解決辦法
- Ajax+Servlet實現(xiàn)無刷新下拉聯(lián)動效果
- 淺談ajax在jquery中的請求和servlet中的響應
- Servlet3.0與純javascript通過Ajax交互的實例詳解
