jQ中的Ajax方法

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. . p o s t ( ) 方 法 : 与 .post()方法:与 .post().get()方法参数使用一致;

4. . a j a x ( ) 方 法 ∗ ∗ : 只 有 一 个 参 数 ( 可 选 u r l , t y p r , t i m e o u t , d a t a , d a t a T y p e . . . . ) , 不 仅 能 实 现 .ajax()方法**:只有一个参数(可选url,typr,timeout,data,dataType....),不仅能实现 .ajax()(url,typr,timeout,data,dataType....).load(), . g e t ( ) , .get(), .get(),.post()方法一样的功能,还可以设置brforeSend(提交钱的回调函数),error(请求失败后的处理函数),success(请求成功后的处理函数),complete(请求完成后的处理函数);

5.GET与POST的区别:

  • GET请求会将key/value参数跟在url后面传递,POST的key/value直接作为HTTP的实体内容传递给服务器;
  • GET对传输的数据有大小限制(不超过2kb),POST没有数据大小限制;
  • GET请求的数据会被浏览器缓存,其他人可以对历史记录获取这些数据,存在安全问题;
    GET传递的数据在服务器是以 G E T [ ] 获 取 , P O S T 是 以 _GET[]获取,POST是以 GET[]POST_POST[]获取,两种都可以用$_REQUEST[]获取;

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

$.getScript("test.js");

7. . g e t J S O N ( ) : 加 载 J s o n 文 件 , 用 法 与 .getJSON():加载Json文件,用法与 .getJSON()Json.getScript()一样;

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

9.serialize():序列化为字符串方法,

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

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

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

你可能感兴趣的:(web前端)