TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超5個(gè)贊
要完整實(shí)現(xiàn)一個(gè)AJAX異步調(diào)用,通常需要以下幾個(gè)步驟:
(1)創(chuàng)建XMLHttpRequest對(duì)象,也就是創(chuàng)建一個(gè)異步調(diào)用對(duì)象。
(2)創(chuàng)建一個(gè)新的HTTP請(qǐng)求,并指定該HTTP請(qǐng)求的方法、URL及驗(yàn)證信息。
(3)設(shè)置響應(yīng)HTTP請(qǐng)求狀態(tài)變化的函數(shù)。
(4)發(fā)送HTTP請(qǐng)求。
(5)獲取異步調(diào)用返回的數(shù)據(jù)。
(6)使用JavaScript和DOM實(shí)現(xiàn)局部刷新。
TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超7個(gè)贊
1、Html代碼
| 123 | <input type="text" id="User"><input type="text" id="Psd"> <input type="button" onclick="Login();" id="登錄"> |
2、js代碼
| 123456789101112131415 | funcation Login(){$.ajax({ type: "post", contentType: "application/json", url: "../Backstage/AdminService.asmx/GetAdminList",//請(qǐng)求后臺(tái)方法 data: JSON.stringify({ Name: user,Password:psd}), success: function (result) { //判斷result.d的值； }, error: function (response) { var r = jQuery.parseJSON(response.responseText); alert("Message: " + r.Message); }}) } |
3、一般處理程序
| 123456 | [WebMethod] public bool GetAdminList(string Name;string Password) { //訪問數(shù)據(jù)庫(kù) //成功返回true,失敗返回False； } |
TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超13個(gè)贊
| 12345678 | 通過 AJAX 加載一段文本：jQuery 代碼：$(document).ready(function(){ $("#b01").click(function(){ htmlobj=$.ajax({url:"/jquery/test1.txt",async:false}); $("#myDiv").html(htmlobj.responseText); });}); |
另外，jquery還可以用$.post，$.get等方式，分別代表post請(qǐng)求和get請(qǐng)求的ajax
舉報(bào)