Jquery封装Ajax的方法之逆战班系列

Jquery封装Ajax的方法之逆战班系列

$.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);

        }

})

$.post方法

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

url:请求的后台程序地址

data:发送到后台的数

callback:载入成功时回调函数，该函数参数是从后台程序接收的结果

type:返回数据的类型

示例：

$.post(

    'getContent.php',

    {id:101},

    function(msg){alert (msg)},

    'json'

)

$.get方法

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

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

示例：

$.get(

    'getContent.php',

    {id:101,'_':Date.parse(new Date())},

    function(msg){alert (msg)},

    'json'

)