JQuery就是一個經過封裝的Javascript類庫，它有自己的文法規範，下面我會講一下在JQuery下用3中方法實現AJAX。還是先從例子入手吧！
第一種方法$.Post(url,data,callback, type);
首先建立一個html頁，頁面配置和上一節的差不多
代碼如下：
| 代碼如下 | 複製代碼 |
<table style="background-color:lightgreen; margin-top:230px; margin-left:300px"> <tr> <td><label>姓名：</label> </td> <td> <input id="txtname1" type="text" /> </td> </tr> <tr><td><label>密碼：</label></td> <td> <input id="txtpwd1" type="password" /></td></tr> <tr><td> <input id="btndl1" type="button" value="登入" onclick="SayHelloJquery()" /></td> <td> <input id="btnqx1" type="button" value="取消" /></td></tr> </table> |
|
然後在<head></head>節點中加入下代碼：
| 代碼如下 | 複製代碼 |
function SayHelloJquery() { var name = $("#txtname1").val();//擷取登入者姓名 $.post("SayHello.ashx", { Name: name }, function (data, textStatus) { if (textStatus == "success") { alert(data); } }); //在這裡用的是JQuery的post方法來實現AJAX效果的。 |
|
該Post方法有三個參數：
第一參數：發送請求的URL，本例為“SayHello.ashx",
第二參數：傳遞的參數data，這裡的參數形式是索引值對的形式表現：{key：value,key:value},本例中為傳遞登入者姓名：{Name：name}，
第三個參數為一個匿名的回呼函數該函數有兩個參數（data,textStatus)，參數都是固定的，第一個參數為data,即在SayHello.ashx頁處理後返回的結果，第二個為狀態表示，當Response 的返回狀態是"success"時才調用該方法。
第四個參數為type，這個參數是選擇性參數，可以為空白，也可為用戶端的請求類型JSON、XML等。（因為是選擇性參數，這裡就沒有選）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
