JQuery封装的ajax方法

JQuery封装的ajax方法

​ JQuery封装的ajax优势：简单方便，已做好浏览器兼容性处理。

1.$.post方法

$.post(url[,data][,callback][,type])

• url：请求的后台程序地址
• data：发送到后台的数据
• callback：载入成功时回调函数，该函数参数是从后台程序接收的结果
• type：返回数据的类型

示例：
$.post(
    'getContent.php',
    {id:101},
    function(msg){alert (msg)},
    'json'
    )

2.$.get方法

$.get(url[,data][,callback][,type])

​ get和post方法一样，只是get方法可能产生缓存，url需要增加随机后缀。

示例：
$.get(
    'getContent.php',
    {id:101,'_':Date.parse(new Date())},
    function(msg){alert (msg)},
    'json'
)

3.$.ajax方法

​ $.ajax是底层实现方法，配置项以对象形式传递到方法中。

$.ajax({  url,type,cache,data,dataType,success,error,contentType,processData[,其他可选参数]
});

• url：请求的后台程序地址
• type：请求方式（post/get）
• cache：true（缓存）false（不缓存）
• data：发送到后台的数据
• dataType：后台返回值类型
• success：请求成功后调用的回调函数
• error：请求失败时调用的回调函数
• contentType：请求头信息（DOM形式发送数据使用false）

• processData：处理数据方式（DOM形式发送数据使用false）

  ​这个对象里包含了该方法所需要的请求设置以及回调函数等信息，参数以键值对的形式存在，所有参数都是可选的。如果调用$.ajax方法进行文件上传时，需要设置contentType和processData值为false，其他时候不需要设置。

示例：
$.ajax({
    url:'upimg.php',
    type:'post',//FormData只能使用post方式
    data:fd,
    contentType:false,//DOM形式发送数据使用false
    processData:false,//DOM形式发送数据使用false
    dataType:'json',
    success:function(msg){
        alert(msg);
        }
    })