微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

JQ之Ajax

详解ajax:https://www.jianshu.com/p/eed43d05c7c4   jquery $.ajax:   URL :https://easy-mosk.com/mock/5c0b4a876162b83fe0a50cb9/person    type : 请求方式    data : {} 参数 信息    success : 请求成功后的处理函数    error : 请求失败后的函数   complete: 请求完成的处理函数,最后执行   context : 改变函数上下文   async : 是否异步   dataType : 'jsonp'   请求返回的数据类型   $.ajax({   url: 'https://easy-mock.com/mock/5c0b4a876162b83fe0a50cb9/person',   type: 'GET',        success : function (res){     //发送成功后会返回一个参数    // 处理传来的参数 例:把参数遍历出来     $.each(res.data,function (index,ele){       console.log(ele); }) },   error : function (e){      console.log(e.status,e.statusText); //如果URL写错了,会返回404 和error信息 }, }); 需要处理一个标签时。this指向的是ajax提供的对象 $.ajax({   url: 'https://easy-mock.com/mock/5c0b4a876162b83fe0a50cb9/person',   type: 'GET',     success : function (res){   //发送成功后会返回一个参数,同时也会处理   // 处理传来的参数 例:把参数遍历出来   $.each(res.data,function (index,ele){     console.log(ele); })   // 假设已经生成标签   console.log(this);   // this指向ajax提供的对象   // 有时处理dom,需要包装或者处理一下,需要this调用。这时需要修改this的指向 },   error : function (e){   console.log(e.status,e.statusText); //如果URL写错了,会返回404 和error信息 },   }); 如下: 我们希望它指向的是dom,需要使用context改变它的指向 HTML: <div class="wrapper"></div>   js: $.ajax({   url: 'https://easy-mock.com/mock/5c0b4a876162b83fe0a50cb9/person',   type: 'GET',     success : function (res){     //发送成功后会返回一个参数,同时也会处理   // 处理传来的参数 例:把参数遍历出来   $.each(res.data,function (index,ele){     console.log(ele); }) // 假设已经生成标签 // 有时处理dom,需要包装或者处理一下,需要this调用。这时需要修改this的指向 console.log(this); },     error : function (e){   console.log(e.status,e.statusText); //如果URL写错了,会返回404 和error信息 },   complete: function (){   },   context: $('.wrapper') });   如下图:执行的是div,而不是ajax的提供的对象 dataType:跨域请求 $.ajax({ url: 'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su',   type: 'GET',   async : false,   data : {     wd : 'nba', }, }); 访问百度的URL会报没有权限访问 这时需要写一个预期服务器返回的的数据类型,数据还要传一个参数,还要写一个全局的函数,数据里使用cb调用函数   function deal (res){   //全局函数   console.log(res); }   $.ajax({   url: 'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su',   type: 'GET',   data : {     wd : 'nba',     cb: 'deal'   //全局函数 },   dataType : 'jsonp',   //请求返回的数据类型 });          

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐