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