jQuery封装的AJAX

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(){
		
	})
  • 5
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值