码迷,mamicode.com
首页 > Web开发 > 详细

JQ 的 ajax 封装

时间:2018-04-26 18:23:41      阅读:289      评论:0      收藏:0      [点我收藏+]

标签:$.ajax   error:   自己   xhr   使用   color   .ajax   back   nbsp   

JQ 的 ajax 封装
function
Ajax(opt){ var isdefult=opt.isdefult||"need";//判断是否需要这个函数来判断,还是在页面请求回来的数据回来之后判断 $.ajax({ url:‘http://haha/‘+opt.url,//数据的接口的路径 dataType:‘json‘, type: opt.type||"get",//请求的方式 默认是get data:opt.param||"",//请求的参数 默认是空 async:opt.async||true,//是否是异步,默认是异步 timeout: 10000, success: function(res) { if(isdefult=="need"){//判断是否需要这个函数来判断,还是在页面请求回来的数据回来之后判断 if(res.code==0){//根据自己的项目的返回来判断 opt.successBack instanceof Function&&opt.successBack(res.data);//成功的函数,看自己项目传值 } else{ console.log(res.msg) } } else { opt.successBack instanceof Function&&opt.successBack(res); } }, error: function(xhr, type, errorThrown){ console.log(JSON.stringify(xhr)); console.log(type); console.log(errorThrown); } }); } 看自己的喜欢。可以选择扩展到jquery上面去,也可以是一个函数。
使用方式: 简单的get请求:
Ajax({ "url":"get/user","successBack":function(data){
  //成功之后的一些处理
  }
}) post请求: Ajax({ "url":"get/user","type":"post", "param":{"user":"xg"}, "successBack":function(data){
    //成功之后的一些处理
  }
})

 

JQ 的 ajax 封装

标签:$.ajax   error:   自己   xhr   使用   color   .ajax   back   nbsp   

原文地址:https://www.cnblogs.com/hai-cheng/p/8953840.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!