jQuery封装的AJAX

180it 2019-09-24 AM 2634℃ 0条

JQuery封装了4个方法$.ajax()、$.get()、$.post()、$('').load()。

1.$.ajax()的参数共有23个。常用的就以下几个

    

   $.ajax({
    type:'GET',    //请求的类型,GET、POST等    
    url:'www.baidu.com',    //向服务器请求的地址。
    contentType:'application/json',    //向服务器发送内容的类型,默认值是:application/x-www-form-urlencoded
    dataType:'JSON',    //预期服务器响应类型
    async:true,    //默认值是true,表示请求是异步的,false是同步请求,同步请求会阻碍浏览器的其他操作(不建议使用)
    timeout:'5000',    //设置本地的请求超时时间(单位是毫秒)
    cache:true,    //设置浏览器是否缓存请求的页面
    success:function(result,status,XMLHttpRequest){        //请求成功是执行的函数,result:服务器返回的数据,    status:服务器返回的状态,
            },
            error:function(xhr,status,error){    //请求失败是执行的函数
            },
            complete:function(xhr,status){     //不管请求失败还是请求成功,都执行的函数
            }
        })

2.$.get(url,callBack); //url:向服务器请求的地址(必选),callBack:回调函数(非必选)

$.get('www.bai.com',function(data,status){
    console.log('服务器返回的数据:',data);
    console.log('返回状态:',status);
})

3.$.post(url,data,callBack); //url:向服务器请求的地址(必选),data:数据JSON类型(非必选),callBack:回调函数(非必选)

3.$.post(url,data,callBack); //url:向服务器请求的地址(必选),data:数据JSON类型(非必选),callBack:回调函数(非必选)

$.post('www.bai.com',{'param1':value1,'param2':value2},function(){
    
})

4.$('#id').load(url,data,callBack);   //url:向服务器请求的地址(必选),data:数据JSON类型(非必选),callBack:回调函数(非必选) #part指定加载的部(非必填)

$('#id').load('www.baidu.com #part',{'param1':value1,'param2':value2},function(){

    
})

————————————————

原文链接:https://blog.csdn.net/weixin_42248745/article/details/80640830

支付宝打赏支付宝打赏 微信打赏微信打赏

如果文章或资源对您有帮助,欢迎打赏作者。一路走来,感谢有您!

标签: none

jQuery封装的AJAX