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);
        }
    })