jqueryajax请求两次的简单介绍

调用jquery.ajax(),http状态码200,却执行error事件。

1、场景：通过jQuery的ajax实现了一个简单的http请求，但是响应成功后，状态码为200，调用的确是error函数。

2、success： function(data){ console.log(data)；}，error：function(err) { //alert(err)；}，请求的返回类型为json格式，服务器返回的值为string类型，执行完成后就会跳转到error处。

3、首先在页面代码上，先引入jquery脚本文件。然后添加一个div，div里的内容是空的。下方添加一个按钮，用来触发ajax请求。在按钮的事件函数上，直接调用jquery的 $.ajax方法，方法里url就是要调用的请求链接。

4、检查后台是否报错。检查返回值是否为 success 。部分数据格式错误，需要eval（date）操作F12 打开，发送ajax请求，查看network 里边是否报错，或者在返回值的位置 添加 console.log()查看返回参数。

相关问答

Q1: layui跨域问题

经过定位，发现是layui自带的jquery有一些缺陷 于是使用了最原始的xmlHttpRequest，成功了。

最近做了一个应用管理系统，采用前后端分离方式开发，前端使用了layuiadmin框架，后端使用了 .net web api，在开发过程中，遇到了ajax跨域问题及header自定义设置，这是所有前后端分离开发都需要解决的问题，在此做一个记录。

公司的一个同事给出了一个主意，就是还是使用在主页面调用js文件，但是要换个顺序。然后问题就神奇般的解决了，同事给我的说法是可能是大神写组件是用的layui版本比较低，和现在的layui版本有冲突。

layui的分页会把limit和page（也就是每页条数和当前页，大概是这个名字，具体看layui的数据表格说明）传到后台，你需要在后台接收这两个参数然后展示相应的内容。

兼容性问题：如果项目已经使用了 Layui，那么直接切换到 Element UI 可能会导致一些兼容性问题。因此，在切换前，请确保对项目进行详细的测试和评估，以便发现并解决潜在的问题。

Q2: JQuery发送Ajax请求async设置成false不起作用(具体看图片)

1、你这个完全可以用异步执行啊，因为当success回调函数执行时就表示ajax调用已经完毕并且返回值了啊，不需要用同步的。success的意思不就是“成功”吗？也就是说当ajax成功了才会去执行后面的function的。

2、false 加了双引号就是字符串了，非空串就为true。去掉双引号。

3、这个原因就是ajax的async设置为false时同步提交。浏览器的渲染(UI)线程和js线程是互斥的，在执行js耗时操作时，页面渲染会被阻塞掉。也就是你这个问题beforeSend里面好像没有执行。其实，已经进beforeSend里面了。

4、async：false表示关闭异步功能，这样ajax请求会同步发向后台，在后台反馈结果或者出错之前，前端js是阻塞住的，代码不会往后执行，相应界面也会卡住。除非特殊需要，一般都会使用async：true的模式。

5、async：false：表示同步加载数据 async：true：表示异步加载数据 同步的意思：是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面出去假死状态，当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。

Q3: 如何使用jq中的ajax

1、该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get， $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。

2、使用Jquery Ajax首先需要引入Jquery，可以在线引入或下载本地引入。然后，可以使用Jquery的$.ajax()方法，向Web服务器发送请求，并在回调函数中实现请求后的处理，如更新页面信息、获取信息等。

3、jQuery中ajax的4种常用请求方式：$.ajax()返回其创建的 XMLHttpRequest 对象。.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。

4、：jQuery仅用于提交。(表单 表单提交的位置由form元素中的action属性定义。2：jQuery用ajax提交数据。

5、type：要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。timeout： 要求为Number类型的参数，设置请求超时时间（毫秒）。

jqueryajax请求两次的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、jqueryajax请求两次的信息别忘了在本站进行查找喔。