jQ中的Ajax方法

1.$.load()方法：参数

url	请求地址
data(可选)	发送给服务器的key/value的数据
callback(可选)	请求完后的回调函数(无论请求失败与成功)

Note：当有data时，调用HTTP的POST方式，没有data时调用GET方法；

回调函数callback：

function(responseText,textStatus,XMLHttpRequest){
    
    //responseText:请求返回内容
    //textStatus：请求状态,success,error,notmodified,timeout
    //XMLHttpRequest:XMLHttpRequest对象
}

2.$.get()方法：

url	请求地址
data(可选)	发送给服务器的key/value的数据
callback(可选)	请求完后的回调函数(只有在请求成功后才能调用)
type(可选)	服务端返回的内容格式，（xml，json，html，text,script）

回调函数callback：

function(data,textStatus){

    //data:返回内容，可以是XML文档，HTML片段，JSON文件    
    //textStatus:请求状态
}


******HTML片段时：
function(data.textStatus){
   $(" ").html(data);
}
******JSON文件时：
$(url,key/value,function(data,textStatus){
    var username=data.username;
    var content=data.content;
    var txtHtml=""+username+""+content+"";
    $("").html(txtHtml);
},"json");


*******XML文档时：
$(url,key/value,function(data,textStatus){
    var username=data.username;
    var content=data.content;
    var txtHtml=""+username+""+content+"";
    $("").html(txtHtml);
});

3.$.post()方法：与$.get()方法参数使用一致；

4.$.ajax()方法：只有一个参数(可选url,typr,timeout,data,dataType....)，不仅能实现$.load()，$.get(),$.post()方法一样的功能，还可以设置brforeSend（提交钱的回调函数），error（请求失败后的处理函数），success(请求成功后的处理函数),complete(请求完成后的处理函数)；

5.GET与POST的区别：

GET请求会将key/value参数跟在url后面传递，POST的key/value直接作为HTTP的实体内容传递给服务器；
GET对传输的数据有大小限制(不超过2kb)，POST没有数据大小限制；
GET请求的数据会被浏览器缓存，其他人可以对历史记录获取这些数据，存在安全问题；

GET传递的数据在服务器是以$_GET[]获取，POST是以$_POST[]获取，两种都可以用$_REQUEST[]获取；

6.$.getScript()：加载js文件，在页面初次加时就获取全部js文件是没有必要的，所以在需要哪一个js文件时再去加载；

$.getScript("test.js");

7.$.getJSON()：加载Json文件，用法与$.getScript()一样；

8.$.each()：遍历数组和对象，不同于jQuery对象的each()方法，不操作jQuery对象，以一个数组或者对象作为第一个参数，回调函数作为第二个参数，回调函数的第一个参数是对象的成员或者数组索引，第二个对应变量或者内容；

9.serialize()：序列化为字符串方法，

$.get("get.php",$("#form").serialize(),function(data,textStatus)){

.........
}

serializeArray()：将序列化后的字符串返回JSON数据格式；

$.param()：是serialize()的核心，讲一个数组或者对象按照key/value形式进行序列化；

猜你喜欢