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等。（因为是可选参数，这里就没有选）
首页 1 2 3 末页