javascript請(qǐng)求servlet實(shí)現(xiàn)ajax示例(分享)
ajax請(qǐng)求是一種無刷新式的用戶體驗(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==4&&xmlReq.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==4&&xmlReq.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); }
效果:
以上這篇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ù)姆椒?/a>
- 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)無刷新下拉聯(lián)動(dòng)效果
- 淺談ajax在jquery中的請(qǐng)求和servlet中的響應(yīng)
- Servlet3.0與純javascript通過Ajax交互的實(shí)例詳解
相關(guān)文章
Ajax客戶端異步調(diào)用服務(wù)端的實(shí)現(xiàn)方法(js調(diào)用cs文件)
下面小編就為大家分享一篇Ajax客戶端異步調(diào)用服務(wù)端的實(shí)現(xiàn)方法(js調(diào)用cs文件),具有很好的參考價(jià)值,希望對(duì)大家有所幫助2017-12-12基于Ajax+div的“左邊菜單、右邊內(nèi)容”頁面效果實(shí)現(xiàn)
這篇文章主要介紹了基于Ajax+div的“左邊菜單、右邊內(nèi)容”頁面效果實(shí)現(xiàn) 的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07jQuery的ajax傳參巧用JSON使用示例(附Json插件)
jQuery的ajax調(diào)用很方便,傳參的時(shí)候喜歡用Json的數(shù)據(jù)格式,使用示例代碼如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08