JQuery
Jquery中$.ajax $.post load用法与区别
在jquery中我们要实现无刷新页面可以使用有$.ajax $.post $('#xxx').load(url,para)三个函数来实现，那么他三个的具体用法与区别是什么呢，下面我来一一介绍。
$.ajax用法
| 代码如下 | 复制代码 |
function getVerify(){ | |
心细的朋友会发现中间有一个postData数据，而是由$('#reg_form').serialize();生成了，那么$('#reg_form').serialize();会是什么数据来，我们来简单举个实例
$.Form.serialize( NameValuePair )
虚拟一个表单，并设置表单控件名与值。
参数
NameValuePair
必选项。设置虚拟的表单控件。该参数形式为：{ name1=value, name2=value2, ......}
返回值
虚拟表单序列化后的字符串，其格式如：username=%E5%95%8A%E8%94%A1&password=123456
描述
表单中如有 disabled=true 或者没有 name 属性的控件将被忽略。同名控件将发送一组同名但不同值的字符串。该方法通常用于 Ajax 的提交参数(parameters)。
示例
| 代码如下 | 复制代码 |
<form method="post" name="reg" action="http://localhost"> //username=%E5%95%8A%E8%94%A1&password=123456&interest=music&interest=sport&interest=dance®time=Thu%2C%2027%20Sep%202007%2008%3A35%3A55%20UTC。 | |
从上面可以看得出来这个是ajax get格式了，数据量不能太大了。
$.post
jQuery.post( url, [data], [callback], [type] ) ：使用POST方式来进行异步请求
参数：
url (String) : 发送请求的URL地址.
data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示。
callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
type (String) : (可选)官方的说明是：Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)
.post("Ajax.aspx", { Action: "post", Name: "lulu" }, function (data, textStatus){ // data 可以是 xmlDoc, jsonObj, html, text, 等等. //this; // 这个Ajax请求的选项配置信息，请参考jQuery.get()说到的this alert(data.result); }, "json");点击提交：
实例
| 代码如下 | 复制代码 |
function sendMsg() | |
这个最核心的一句是$.post("momsg.php",{"tel":$("#username").val()}了，这里什么意思，这个就是ajax $.post 与php或提交表单post是一样的，前面字段名，后来变量或数值。
$('#xxx').load(url,para)
调用load方法的完整格式是：load( url, [data], [callback] ),
•url：是指要导入文件的地址。
•data：可选参数；因为Load不仅仅可以导入静态的html文件，还可以导入动态脚本，例如PHP文件，所以要导入的是动态文件时，我们可以把要传递的参数放在这里。
•callback：可选参数；是指调用load方法并得到服务器响应后，再执行的另外一个函数。
| 代码如下 | 复制代码 |
$("#content").load("你自己的网站下的xx.aspx"); | |
在你的xx.aspx里使用WebRequest访问"http://www.baidu.com，将结果返回给js
一：如何使用data
1.加载一个php文件，该php文件不含传递参数
| 代码如下 | 复制代码 |
| $("#myID").load("test.php"); | |
//在id为#myID的元素里导入test.php运行后的结果
2. 加载一个php文件，该php文件含有一个传递参数
| 代码如下 | 复制代码 |
$("#myID").load("test.php",{"name" : "Adam"}); | |
//导入的php文件含有一个传递参数，类似于：test.php?name=Adam
3. 加载一个php文件，该php文件含有多个传递参数。注：参数间用逗号分隔
| 代码如下 | 复制代码 |
$("#myID").load("test.php",{"name" : "Adam" ，"site":"61dh.com"}); | |
//导入的php文件含有一个传递参数，类似于：test.php?name=Adam&site=61dh.com
4. 加载一个php文件，该php文件以数组作为传递参数
| 代码如下 | 复制代码 |
$("#myID").load("test.php",{'myinfo[]', ["Adam", "61dh.com"]}); | |
//导入的php文件含有一个数组传递参数。
注意：使用load，这些参数是以POST的方式传递的，因此在test.php里，不能用GET来获取参数
话题作者
头衔:无
活跃成员
