ajax()方法是jquery底層的ajax實現,通過http請求載入遠端資料。?1
2345
6789
1011
1213
1415
1617
18$.ajax(,
async:
true
,
datatype:
"json"
,
success:
function
(returneddata) ,
error:
function
(e)
});
}
引數說明:
type:請求方式,「post」或者「get」,預設為「get」。
url:傳送請求的位址。
data:要向伺服器傳遞的資料,已key:value的形式書寫(id:1)。get請求會附加到url後面。
async:預設true,為非同步請求,設定為false,則為同步請求。
datatype:預期伺服器返回的資料型別,可以不指定。有xml、html、text等。
在開發中,使用以上引數已可以滿足基本需求。
如果需要向伺服器傳遞中文引數,可將引數寫在url後面,用encodeuri編碼就可以了。?1
2345
6789
1011
1213
1415
1617
18var
chinese =
"中文"
;
var
urltemp =
"handleajaxrequest.action?chinese="
+chinese;
var
url = encodeuri(urltemp);
//進行編碼
$.ajax(,
error:
function
(e)
});
}
struts2的action對請求進行處理:?1
2345
6789
1011
1213
1415
1617
1819
2021
2223
2425
2627
2829
30public void handleajaxrequest()
catch
(exception e) finally
}
}
struts.xml配置檔案:不需要寫返回型別?1
23method=
"handleajaxrequest"
>
分享ajax前後臺互動方法
注:ajax通過async引數決定是非同步還是同步,false同步,true非同步;
非同步執行順序是先執行後續動作,再執行success裡**;
同步是先執行success裡**,再執行後續**;
驗證:同步時資料量大是否會卡頓?例如從後台搜尋大量資料時,頁面是否卡死?
1、(非同步)方法呼叫,後續**不需要等待它的執行結果
後台:?12
345using system.web.script.services;
public static string getstr(string str1, string str2)
前台:?12
3456
78910
1112
1314
1516
1718
1920
21function
test(strmsg1,strmsg2)
"
,
contenttype:
,
datatype:
"json"
,
success:
function
(data) ,
error:
function
(err)
});
//隱藏載入動畫
$(
"#pageloading"
).hide();
}
2、(同步)方法呼叫,可用於需要得到返回值是執行後續**的前提
後台:?12
345using system.web.script.services;
public static string getstr(string str1, string str2)
前台:123
4567
891011
1213
1415
1617
1819
20function
test(strmsg1,strmsg2)
"
,
contenttype:
,
datatype:
"json"
,
success:
function
(data) ,
error:
function
(err)
});
return
str;
ajax請求資料原理
首先要了解什麼是ajax?1.ajax就是非同步的xml和js 注 ajax本身不支援跨域請求,需要在伺服器端處理。工作原理 1.ajax的技術核心是 xmlhttprequest 物件 2.ajax請求過程 建立xmlhttprequest 連線伺服器 傳送請求 伺服器做出響應 接收響應資料 aj...
ajax跨域請求資料
最近開始接觸ajax的跨域請求問題,相比網上說的一大堆,我這裡就說得比較淺顯了。關於為什麼要跨域這個問題,實際的需求是當 專案部署在乙個網域名稱上的時候,分域可以很好地解決 卡頓問題 擁有多台伺服器就另當別論 這種做法現在很常見,多看幾個 細心點就可以看出點門道。下面對比一下跨域之前的ajax請求與...
javascript之ajax請求資料demo
demo 如下 html的demo 如下 php的demo 如下 key post name stararr array 1 array 1.jpg 我是狗狗1號 6 array 6.jpg 我是狗狗2號 9 array 9.jpg 我是狗狗3號 下面是只返回乙個值時的 value stararr ...