ajax 请求了两次，一次option 一次get

最新推荐文章于 2023-06-26 01:26:07 发布
最新推荐文章于 2023-06-26 01:26:07 发布
阅读量2.7k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/alonia/article/details/80926550
本文探讨了在开发过程中遇到的一个有趣现象：通过Ajax发送请求时，浏览器首先发起一个OPTION请求来验证跨域访问是否可行，随后才发出实际的GET请求。此行为仅在跨域访问时出现，并且对于理解浏览器的行为以及调试跨域问题非常重要。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天去请求后台接口时，发现了ajax   请求了两次，

一次option 一次get 两个都返回200

最后发现不是问题

原因是：

我在本地访问接口时时跨域请求，所以浏览器会先发一个option 去预测能否成功，然后在发一个真正的请求。

所以只有在开发调试时会有这个问题。

ajax两次请求
qq_36792176的博客
07-31 1888
ajax两次请求options作用Preflight request（预检请求）为什么需要发送预检请求？什么情况下需要 最近在学习的时候看到很多文章说到post和get区别的时候会提到有一个：post请求的时候会发送两条请求（分别为head和body），get请求只会发送一条？？？ 但是真的是这样吗？ 看了https://github.com/WangXiZhu/fe-storage/issues...
为什么控制台的network里会出现两次相同请求？
y790043546的博客
01-02 2818
** 为什么出现这种情况 ** 原以为ajax请求只有HTTP的Request Method只有GET与POST两种，后来发现还有HEAD、PUT、DELETE、OPTIONS……的区别。 本地环境跑公司项目的时候，每次POST之前，为啥浏览器还偷偷给我来一次没有返回的OPTIONS请求？ 原来，浏览器在某些请求中，在正式通信前会增加一次HTTP查询请求，称为"预检"请求（preflig...
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
10-19
下面小编就为大家带来一篇浅谈jquery中ajax跨域提交的时候会有2次请求的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ajax中出现两次请求
fwk19840301的博客
05-28 1万+
在项目中发现ajax中出现两次请求，OPTIONS请求和GET请求，得到的数据出错，所以想要去掉OPTIONS请求。ajax请求如下： ajaxRequestGet: function (lastPath, requestParams, successFun) { $.ajax({ headers: { ...
AJAX中出现两次请求，OPTIONS请求和GET请求
weixin_34296641的博客
06-29 793
2019独角兽企业重金招聘Python工程师标准>>> ...
避免http请求发两次，一次options一次get
chaosama的博客
08-09 9604
其实就是非简单请求现象，其实就是一个解决跨域问题后的一个遗留问题，先看现象 为毛呢，这个就得先从啥是“非简单请求”开始说起，其实就是header里边带了自定义数据后，浏览器会默认你这个请求为“非简单请求”，会向后端先行发送一个“options”类型的请求，只有这个请求被通过了，跨域问题就解决了。(顺带说一下，application/json也会触发这个玩意，所以跨域嘛，是必须的，基础增删查改...
两个select框选中，第一选中子选项后，ajax请求数据，填充到第二个select框
最新发布
08-01
具体来说，当用户选择第一个下拉框（例如省份）的选项后，触发一个事件（通常是change事件），在该事件处理函数中发起AJAX请求，获取与所选选项相关的数据（例如该省份下的城市），然后使用这些数据动态填充第二个...
Ajax实现城市二级联动（二）
12-09
当用户选择一个省份后，再发起一个新的Ajax请求，获取该省份对应的城市列表，并更新城市选择框。 这种方法的优点是代码结构清晰，易于理解。缺点是需要两次网络请求，可能会增加页面响应时间。 2. **重新思考**：...
click点击事件触发两次ajax请求
蜗牛程序员
10-31 4876
由写法 $(".likes").click(function show(){}); 改成 $(".likes").unbind('click').bind('click',function(){}); 即可
关于ajax中出现2次请求的原因及解决办法
qq_42089654的博客
11-29 1万+
前言 在项目中发现ajax中出现两次请求，OPTIONS请求和POST请求，由于在上传数据的时候，后台可能2次都有反应，因此会造成数据上的错误。 1，具体表现如下： 查找原因是浏览器对简单跨域请求和复杂跨域请求的处理区别。 2，原因如下：  浏览器对复杂跨域请求的处理，在发送真正的请求前, 会先发送一个方法为OPTIONS的预请求(preflight request), 用于试探服务端...
为何ajax-get方式的请求只执行一次？
Xth8013的博客
09-08 2131
为何ajax-get方式的请求只执行一次？ 主要是因为ajax存在异步缓存的问题，IE8浏览器缓存问题导致Ajax的GET请求只能执行一次，ajax本身自带有实时异步请求的功能，而IE缓存导致请求时不会请求后台，会直接读取缓存的数据。 解决方法： 第一种：ajax get请求时，只需将cache设置为false； .ajax({           type: 'GET',//get
JAVA解决OPTIONS请求问题：跨域时ajax发送两次请求
WillorBoy的博客
06-26 1612
这是在跨域的情况下，浏览器发起"复杂请求"时主动发起的。跨域共享标准规范要求，对那些可能对服务器数据产生副作用的 HTTP 请求方法（特别是 GET 以外的 HTTP 请求，或者搭配某些 MIME 类型的 POST 请求），浏览器必须首先使用 OPTIONS 方法发起一个预检请求（preflight request），从而获知服务端是否允许该跨域请求。在进行HTTP请求时，可能会遇到一种叫做OPTIONS的请求，它是一种预检请求，用于在发送实际请求之前，检查服务器是否允许该请求。3.利用filter。
调用一次接口发送两次请求--多出来的OPTIONS
热门推荐
zhangxy的博客
12-02 2万+
有的时候就会莫名的忧伤或者心情烦躁
预请求options成功，正式的get请求失败
D_lunar的博客
10-25 2092
前后端分离项目，跨域请求由于需要携带token而不能避免自定义header，因此，在正式的请求前面总是会发送一个预请求options请求。 预请求options后的get请求，查询时间跨度大时，查询经常失败。 这是因为请求超时造成的，ajax请求的超时时间设置的大一点，例如30s ...
Bug post/get请求 响应的是 option请求，看不到请求参数和返回值
weixin_44240581的博客
02-05 1647
问题描述 前端发的post请求、get请求，请求成功，页面的数据也能渲染出来，但是network那里响应的是option请求，看不到请求的参数，看不到返回的结果 解决 一些浏览器不支持自定义请求头header，或者需要其它设置，换成谷歌浏览器后自定义的请求头带上后，数据访问就正常了 ...
Ajax请求后页面刷新问题
杨礼凯的专栏
07-20 3524
问题描述： 在使用Ajax请求服务器的时候，响应结果在页面上瞬间显示后整个页面又重新被刷新了。 问题原因： class="btn btn-lg btn-primary btn-block" type="submit" onclick="submitForm()">立即登陆 由于按钮的类型是submit类型，submit 表单提交会刷新页面，所以导致请求处理后页面被重新刷新。
jQuery ajax请求两次问题,jquery ajax请求了两次问题
weixin_39633171的博客
08-05 1464
页面有一个请求form：订单编号用户帐户发货状态请选择未发送已发送查询JavaScript请求部分：function showdatalist(){var username = $("#username").val();var orderid = $("#oid").val();var sendStatus = $("#sendStatus").val();var data = {"usernam...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值