使用jQuery在AJAX请求中添加标头

作者: 满目山河
发布时间: 2024-01-30 02:42:57 (5月前)
转自：

6 条回复

0#
回复此人
浮华丶 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你在Firefox中看到的不是实际的要求;请注意，HTTP方法是OPTIONS，而不是POST。这实际上是浏览器确定是否应允许跨域AJAX请求的“飞行前”请求： </p> <P> <a href="http://www.w3.org/TR/cors/"> http://www.w3.org/TR/cors/ </A> </p> <P> 飞行前请求中的Access-Control-Request-Headers标头包括实际请求中的标头列表。然后，在浏览器提交实际请求之前，服务器将报告是否在此上下文中支持这些标头。 </p> </DIV>

编辑
1#
回复此人
啦啦啦拉肚子 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 尝试使用 <a href="https://github.com/cyu/rack-cors" rel="nofollow"> 机架CORS </A> 宝石。并在ajax调用中添加标头字段。 </p> </DIV>

编辑
2#
回复此人
阿政ღ | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 以下是如何在JQuery Ajax调用中设置请求标头的示例： </p> <pre> <code> $.ajax({ type: "POST", beforeSend: function(request) { request.setRequestHeader("Authority", authorizationToken); }, url: "entities", data: "json=" + escape(JSON.stringify(createRequestObject)), processData: false, success: function(msg) { $("#results").append("The result =" + StringifyPretty(msg)); } }); </code> </pre> </DIV>

编辑
3#
回复此人
℘ 宋唐 ℒº ѵ ℯ楚厦 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 这就是为什么你不能用Javascript创建机器人，因为你的选择仅限于浏览器允许你做的事情。你不能只订购跟随的浏览器 <code> CORS </code> 大多数浏览器遵循的策略是将随机请求发送到其他来源，并允许您简单地获得响应！ </p> <P> 此外，如果您尝试手动编辑某些请求标头，例如 <code> origin-header </code> 从浏览器附带的开发人员工具中，浏览器将拒绝您的编辑，并可能发送预检 <code> OPTIONS </code> 请求。 </p> </DIV>

编辑
4#
回复此人
ikun | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 以下代码适用于我。我总是只使用单引号，它工作正常。我建议你应该只使用单引号或仅使用双引号，但不能混淆。 </p> <pre> <code> $.ajax({ url: 'YourRestEndPoint', headers: { 'Authorization':'Basic xxxxxxxxxxxxx', 'X-CSRF-TOKEN':'xxxxxxxxxxxxxxxxxxxx', 'Content-Type':'application/json' }, method: 'POST', dataType: 'json', data: YourData, success: function(data){ console.log('succes: '+data); } }); </code> </pre> <P> 希望这能回答你的问题...... </p> </DIV>

编辑

登录后才能参与评论