javascript請求servlet實現(xiàn)ajax示例(分享)
更新時間:2017年06月03日 10:58:45 投稿:jingxian
下面小編就為大家?guī)硪黄猨avascript請求servlet實現(xiàn)ajax示例(分享)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
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è)置回調(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請求 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è)置回調(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請求 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示例(分享)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 實例解讀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ù)姆椒?/a>
- javaweb中ajax請求后臺servlet(實例)
- 關(guān)于Ajax技術(shù)中servlet末尾的輸出流
- AJAX Servlet實現(xiàn)數(shù)據(jù)異步交互的方法
- 探討.get .post .ajax ztree 還有后臺servlet傳遞數(shù)據(jù)的相關(guān)知識
- Servlet 與 Ajax 交互一直報status=parsererror的解決辦法
- Ajax+Servlet實現(xiàn)無刷新下拉聯(lián)動效果
- 淺談ajax在jquery中的請求和servlet中的響應(yīng)
- Servlet3.0與純javascript通過Ajax交互的實例詳解
相關(guān)文章
Ajax客戶端異步調(diào)用服務(wù)端的實現(xiàn)方法(js調(diào)用cs文件)
下面小編就為大家分享一篇Ajax客戶端異步調(diào)用服務(wù)端的實現(xiàn)方法(js調(diào)用cs文件),具有很好的參考價值,希望對大家有所幫助2017-12-12基于Ajax+div的“左邊菜單、右邊內(nèi)容”頁面效果實現(xiàn)
這篇文章主要介紹了基于Ajax+div的“左邊菜單、右邊內(nèi)容”頁面效果實現(xiàn) 的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07jQuery的ajax傳參巧用JSON使用示例(附Json插件)
jQuery的ajax調(diào)用很方便,傳參的時候喜歡用Json的數(shù)據(jù)格式,使用示例代碼如下,感興趣的朋友可以參考下,希望對大家有所幫助2013-08-08