跨域问题
如图所示，这是通过jquery封装的ajax请求了一个本地的php文件（无框架），console提示CORS策略已阻止“来自来源”的“null”：请求的资源上不存在“访问控制允许来源”标头。
解决方案
设置header头
header("Access-Control-Allow-Origin: *");允许所有域名请求
header("Access-Control-Allow-Origin: http://127.0.0.1");允许一个域名请求
|
1 2 3 4 5 6 7 8 9 10 |
<?php header("Access-Control-Allow-Origin: *");
function index(){ sleep(2); return json_encode(['code'=>8888888]); }
echo index(); ?> |
请求成功进error问题
这多半是因为你要求返回的是json格式的数据，但实际返回的数据不是正确的json数据
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<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，这意味着所有的请求都不再是异步的了，这也会导致浏览器被锁死。
