关于Ajax的疑难杂症详解

目录

• 跨域问题
• 解决方案
• 请求成功进error问题
• 总结

跨域问题

如图所示，这是通过jquery封装的ajax请求了一个本地的php文件（无框架），console提示CORS策略已阻止来自来源的null：请求的资源上不存在访问控制允许来源标头。

解决方案

设置header头

header(Access-Control-Allow-Origin: *);允许所有域名请求

header(Access-Control-Allow-Origin: http://127.**0*.0.1);允许一个域名请求

    ?php
     header("Access-Control-Allow-Origin: *");

      function index(){
       sleep(2);
       return  json_encode(['code'=8888888]);
      }

      echo index();
     ?

请求成功进error问题

这多半是因为你要求返回的是json格式的数据，但实际返回的数据不是正确的json数据

script
  var data = {
    parent:1
  }
  $.ajax({
    type: "POST",
    url: "http://127.*0.**0.1",
    dataType:'json',
    success: function (response,index,obj) {

      console.log(obj.done(function() {  //延迟请求成功后的回调
      alert("$.get succeeded"); 
      }));  

      console.log(index);     //log success
      console.log("成功",response);   //请求成功返回的数据
    },
    error(res){
      console.log("失败",res);
    }
  });
/script

Ajax的第一个字母是asynchronous的开头字母，这意味着所有的操作都是并行的，完成的顺序没有前后关系。$.ajax()的async参数总是设置成true，这标志着在请求开始后，其他代码依然能够执行。强烈不建议把这个选项设置成false，这意味着所有的请求都不再是异步的了，这也会导致浏览器被锁死。

总结

到此这篇关于Ajax的疑难杂症的文章就介绍到这了,更多相关Ajax疑难杂症内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！

• 完美解决ajax跨域请求下parsererror的错误
• 解决ajax返回验证的时候总是弹出error错误的方法
• 详谈ajax返回数据成功 却进入error的方法