关于Ajax的疑难杂症详解

 更新时间:2022年03月09日 14:55:13   作者:Dreams_log  
这篇文章主要给大家介绍了关于Ajax的疑难杂症,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

跨域问题

如图所示,这是通过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疑难杂症内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • laypage前端分页插件实现ajax异步分页

    laypage前端分页插件实现ajax异步分页

    layPage是一款多功能的js分页组件,即适用于异步分页,又可用于传统的整页刷新跳页,还支持信息流加载,并且可无缝迁移至Node.js平台,这篇文章主要介绍了laypage前端分页插件,实现ajax异步分页,需要的朋友可以参考下
    2016-05-05
  • Jquery Ajax请求方法小结(值得收藏)

    Jquery Ajax请求方法小结(值得收藏)

    本文给大家介绍jquery ajax请求方法小结,jquery作为一个轻量级的js框架,能快速的开发js应用,并且在一定程度上改变了我们写js代码的习惯,对jquery ajax请求感兴趣的朋友参考下
    2015-11-11
  • 简单实现ajax三级联动效果

    简单实现ajax三级联动效果

    这篇文章主要教大家简单实现ajax三级联动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • 使用AJAX异步通信技术实现搜索联想和自动补全示例

    使用AJAX异步通信技术实现搜索联想和自动补全示例

    这篇文章主要介绍了使用AJAX异步通信技术实现搜索联想和自动补全示例,AJAX是前后台交互的能⼒ 也就是我们客户端给服务端发送消息的⼯具,以及接受响应的⼯具,需要的朋友可以参考下
    2023-05-05
  • AJAX实现图片预览与上传及生成缩略图的方法

    AJAX实现图片预览与上传及生成缩略图的方法

    下面小编就为大家带来一篇AJAX实现图片预览与上传及生成缩略图的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • ajax 同步和异步XMLHTTP代码分析

    ajax 同步和异步XMLHTTP代码分析

    微软MSXML中的XMLHTTP组件基于URL Moniker,同时支持同步和异步HTTP/HTTPS访问远程主机资源的方法。这里提供基本的JavaScript代码以方便本地运行cscript.exe调试。
    2009-11-11
  • AJAX javascript的跨域访问执行

    AJAX javascript的跨域访问执行

    在网站调用加载评论等信息的时候遇到了不同域名间javascript不能执行的问题,一直都在加载中显示不出来,而换个网址访问的话就能正确显示,一直没去注意浏览器提示的错误信息:
    2008-04-04
  • AJAX请求以及解决跨域问题详解

    AJAX请求以及解决跨域问题详解

    最近开始学习ajax,学习ajax必须得掌握的就是跨域请求,实际上在不同源的地址上发送请求就是跨域请求,下面这篇文章主要给大家介绍了关于AJAX请求以及解决跨域问题的相关资料,需要的朋友可以参考下
    2022-08-08
  • Jquery版本导致Ajax不执行success回调函数

    Jquery版本导致Ajax不执行success回调函数

    这篇文章主要介绍了Jquery Ajax不执行success回调函数的原因及解决方法
    2014-04-04
  • Ajax对xml信息的接收和处理操作实例分析

    Ajax对xml信息的接收和处理操作实例分析

    这篇文章主要介绍了Ajax对xml信息的接收和处理操作,结合实例形式分析了ajax针对xml结构信息的相关处理操作技巧,需要的朋友可以参考下
    2019-07-07

最新评论