如何使用 js 或 jQuery 将自定义 HTTP 标头添加到 ajax 请求

2024-03-05

有谁知道如何使用 JavaScript 或 jQuery 添加或创建自定义 HTTP 标头?

我正在使用下面的代码,但它给了我405 不允许的方法。 我在用POST方法但在请求方法中但它向我展示OPTION在请求方法中。 状态代码:405 方法不允许,当我使用邮递员时,它正在工作并显示 200 ok 状态代码。有人帮我看看发生了什么问题吗? 我在 HTML 中使用以下代码。

$(document).ready(function () {
    $.ajax( {
        url: 'http://api.XXXXXXXXXX.com/SharedServices/SharedData.svc/rest/Authenticate',
        data: {
            "ClientId": "ApiIntegration",
            "UserName": "XXXXX",
            "Password": "XXXXX@123",
            "EndUserIp": "192.168.1.10"
        },
        method: 'POST',
        dataType: 'json',
        headers: {
            "contentType": "application/json",
            "cache-control": "no-cache"},

        success: function (response) {
            console.log(response);
        },
    });
})

如果我的代码有问题,什么才是正确的 jQuery 代码。 这是我正在使用的邮差女巫的屏幕截图。


当您发出跨源请求时,服务器必须提供访问控制标头 (CORS) https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS授予您的 JavaScript 读取响应的权限。

考虑一个典型的请求simple,但是如果你给它添加某些特征,那么它就不再是简单的,而是变成了预检请求 https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS#Preflighted_requests.

这些特征之一是“它在请求中设置自定义标头”,因此通过添加自定义标头,您会使其变得复杂。

在浏览器发出 POST 请求之前,它会发送预检请求,这是一个 OPTIONS 请求。

它必须先从服务器收到允许其发出 POST 请求的响应,然后才能发出该 POST 请求。

当浏览器向服务器发出 OPTIONS 请求时,它当前返回一个错误,指出“您不允许向此 URL 发出 OPTIONS 请求!”。

您需要更改服务器,以便:

  • 接受 OPTIONS 请求
  • 使用授予发出 POST 请求权限的标头进行响应
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 js 或 jQuery 将自定义 HTTP 标头添加到 ajax 请求 的相关文章

  • 将一个文本框的内容复制到另一个文本框

    假设在文本框中输入了一个条目 是否可以在第二个文本框中保留相同的输入文本 如果是这样 这是如何完成的
  • jQuery .val() 返回单选按钮的未定义

    我正在尝试获取 jQuery 中选中的单选按钮值 但它返回的值是 未定义 我搜索了这个问题的解决方案 但对我来说没有任何作用 我的 HTML 代码
  • Flask wtf.quick_form 运行一些 javascript 并设置表单变量

    我正在创建博客文章 到目前为止已经使用普通的 html 表单完成了 我所做的一个有趣的想法是运行 javascript onclick 并使用页面中的额外数据在表单中设置一个隐藏变量 这很好地传递到服务器并通过 request form 获
  • 将 Sweet Alert 弹出窗口添加到 React 组件中的按钮

    我为 Bootstrap 和 React 找到了这个完美的 Sweet Alert 模块 我在 Meteor 应用程序中使用它 http djorg83 github io react bootstrap sweetalert http d
  • 禁用 JavaScript 中的右键单击

    当我尝试禁用右键单击时 它不起作用 我尝试使用下面的代码 document onclick function e console log e button if e button 2 e preventDefault return fals
  • 响应式网格布局框架[关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 创建 Cookie 时需要帮助

    我有一个名为yes和另一个名叫no
  • Ember.JS - 如何在同一页面中使用多个模型、控制器和视图?

    我主要了解 Ember JS 的基础知识 大多数示例实际上只处理单个控制器和模型以在页面上显示某些内容 我真的很想用 Ember 构建一个完整的 Web 应用程序 所以有人能告诉我如何组织和连接多个控制器 模型和视图到一个页面中吗 例如 如
  • HTML colorpicker 发生变化时如何获取新值?

    我正在开发一个需要更改 HTML 颜色的网络应用程序canvas基于的价值观colorpicker 我有一个colorpicker在我需要获取的 HTML 中value从每次更新开始
  • v-file-input .click() 不是函数

    我试图以编程方式触发 v file input 的 click 事件 因为它在 Vuetify 的文档中 但它显示一个错误this refs imagePicker click is not a function我在这里错过了什么吗 代码重
  • KeyboardEvent.keyCode 已弃用。这在实践中意味着什么?

    根据 MDN 我们绝对应该not正在使用 keyCode财产 它已被弃用 https developer mozilla org en US docs Web API KeyboardEvent keyCode https develope
  • 访问 TypeScript 数组的最后一个元素

    TypeScript 中有访问数组最后一个元素的符号吗 在 Ruby 中我可以说 array 1 有类似的东西吗 您可以通过索引访问数组元素 数组中最后一个元素的索引将是数组的长度 1 因为索引是从零开始的 这应该有效 var items
  • 如何将 Browserify 与外部依赖项一起使用?

    我正在尝试慢慢地将 Browserify 引入我的网站 但我不想重写所有 js 也不希望 jquery 和其他库的重复实例与我的 Browserify 版本捆绑在一起 如果我构建将 jquery 列为外部依赖项的模块 那么如何将其指向我的全
  • 从多维无穷大数组中删除数组元素

    我想删除一个特定元素 例如 我想删除元素id 76在下面的数组中 而且 数组可以无限地组合在一起 这里的问题是我无法刷新页面 因为我使用 Vue js 进行即时操作 如果我能做到这一点 我的下一个问题可能是如何在我现在想要的地方添加一个元素
  • ES6 模板文字的延迟执行

    我正在玩新的ES6 模板文字 http tc39wiki calculist org es6 template strings 我首先想到的是String format对于 JavaScript 所以我开始实现一个原型 String pro
  • Fancybox 画廊组

    我正在使用 fancyboxhttp fancyapps com fancybox http fancyapps com fancybox 我的问题是 我可以将不同的资源组合在一起吗 我的意思是同一画廊 或 组 中带有内嵌或视频的图像 如果
  • Django 与谷歌图表

    我试图让谷歌图表显示在我的页面上 但我不知道如何将值从 django 视图传递到 javascript 以便我可以绘制图表 姜戈代码 array Year Sales Expenses 2004 1000 400 2005 1170 460
  • 如何在 SVG 元素上使用箭头标记?

    我需要在 d3 js 中创建一个箭头 但我找到的只是带有节点图的示例 我需要的是简单地制作一个从 A 点到 B 点的箭头 我尝试实现以下示例中的部分代码 http bl ocks org 1153292 http bl ocks org 1
  • Bootstrap 3 / 显示模式不适用于 javascript 方式

    我用Modal http getbootstrap com javascript modalsBootstrap 3 0 的功能 我有这个代码 a href myNestedContent Open the modal containing
  • jQuery:动态添加 DOM 元素时尝试将函数挂钩到 onclick,但它立即执行该函数

    我正在使用 jQuery 动态 我的意思是在运行时 向页面的 DOM 添加一个 span 元素 create add task button document createElement span attr id activityNameH

随机推荐

  • AWS Lambda 公有子网 EIP 提供互联网访问

    在抱怨允许附加到 VPC 的 lambda 函数访问互联网的 NAT 网关成本时 我发现了一些关于在公共子网而不是私有子网中部署 lambda 并将 EIP 附加到由 Lambda 创建的 ENI 的建议 我也有一个连接到 VPC 的 IG
  • 如何根据表单输入值从谷歌表单获取到不同文件夹的新响应

    我有一张包含问题的表格 提单号 进口商代码 上传文件 每个用户提交回答时 文件应保存在不同的文件夹中 文件夹名称应为问题 BL编号 的输入值 我们怎样才能使它成为可能 这在很大程度上取决于您的表单的外观 这是一个如何完成的示例 假设您有一个
  • 场景大纲的设置和拆卸 (cucumber-jvm)

    我在代码中使用场景大纲 并希望在场景大纲开始之前执行一些代码 并在场景大纲执行完成后执行一些代码 我知道黄瓜中有 Before 和 After 注释 但这些注释会在每个场景之前和之后执行 因此 如果我有一个场景大纲和 3 行示例数据 那么
  • 如何在 JavaFX 中围绕自定义枢轴旋转对象?

    我想围绕自定义枢轴旋转一个对象 这就是它的重点 所以我有这样的代码 private final EventHandler
  • 根据字段值更改奏鸣曲管理包中的行颜色

    我有奏鸣曲管理包 但无法弄清楚如何根据表单模板中的字段值更改样式 例如字段难度 难度值越高 记录行的颜色应该越红 我怎样才能做到这一点 我花了几个小时来理解奏鸣曲中的树枝模板 但是我读这个模板越多 我就越感到困惑 模板之间存在块调用 并且不
  • 通过元编程将c++简化为objective-c/cocoa桥接?

    在纯 C 世界中 我们可以结合使用基于模板的编译时和运行时技术 在编译时生成不同组件或接口之间的接口或粘合代码 例如 大多数情况下自动编组到使用旧类型的调用 从调用中编组 然而 当必须将 C 应用程序与 Objective C Cocoa
  • Envers:单向 OneToMany 无需额外审核表?

    以下数据库架构 员工 EMP ID PK 姓名 工资 电话 ID PK number str OWNER ID FK Employee aud EMP ID PK REV PK FK REVTYPE 姓名 工资 Phone aud ID P
  • easyphp 和 .htaccess

    我需要 EasyPHP 和 htaccess 的帮助 htaccess 文件不起作用 我认为这是因为我没有使用 EasyPHP 设置某些内容 我的 EasyPHP 版本是5 3 8 1 也许有人知道如何解决这个问题 htaccess 文件
  • 从另一个 cython 包的 cdef 类内联 cdef 方法

    我有一个 cython 类 如下所示 cdef class Cls cdef func1 self pass 如果我在另一个库中使用此类 我是否能够内联 func1 这是一个类方法 或者我应该找到解决方法 例如 通过创建一个将 Cls 指针
  • Flutter中间隔自动获取Api数据

    在我的扑动应用程序中 我试图显示更新数据 我成功地手动从天气 api 获取数据 但我需要不断地每5秒抓取一次数据 所以应该会自动更新 这是我在 Flutter 中的代码 class MyApp extends StatelessWidget
  • R中系统投资利息计算的代码[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 假设我每月在银行存入 1000 P 美元 为期 60 n 个月 银行每月向我支付 1 利率 作为利息 因此我可以计算每笔存款的利息 P 1
  • macOS:是否可以检测何时按下 Mac 键盘上的“fn”键?

    我很好奇是否可以检测何时按下 Mac 键盘上的 fn 键 无论是单独使用还是与另一个键组合使用 有没有办法做到这一点 我愿意使用任何类型的方法 包括必要时未记录的 Apple API 当按下 Fn 键时 所有键盘 NSEvents 的 mo
  • python 列出数字

    我需要在 python 中打印所有数字列表 到目前为止我写了这个 def lists listNum i if i len listNum 1 print listNum else for j in range i len listNum
  • 检测不同浏览器下安装的插件?

    我想知道是否有一种方法可以检测不同浏览器上安装的插件 到目前为止 我发现您可以通过尝试猜测 chrome path to some plugin image gif 是否存在来 检测 Firefox 上的插件 Firefox 的代码如下所示
  • web.config 中的表单身份验证

    我正在使用 MVC3 并将用户身份验证放在 web config 文件中 这是为了绕过 sqlserver 身份验证 web config中的代码如下
  • 如何在过程宏中确定编译属性?

    我正在开发一个程序宏 它做了很多工作 可以大大减慢编译速度 所做的工作不会影响函数的语义 也就是说 如果给定相同的参数集 则返回值不会根据是否应用宏而改变 为了使编辑 比较 测试循环更快 我想根据与包的编译方式相关的条件使宏成为无操作 我希
  • setReadOnly 不起作用

    我在用setReadOnly方法使我的应用程序目录存储在我的 SD 卡上 只读 然而 即使我为应用程序提供了以下内容 调用此方法时也会返回 false android permission WRITE EXTERNAL STORAGE清单中
  • Laravel 5 Eloquent,如何动态设置强制转换属性

    在 laravel 5 1 中 有一个名为 Attribute Casting 的新功能 详细记录在此处 http laravel com docs 5 1 eloquent mutators attribute casting http
  • 在创建窗口句柄之前,无法在控件上调用 VB.NET Invoke,但句柄已创建

    这是我的情况 有2个班级和我的主要表格Form1 Class1 有一个方法 doSomethingAndCall callback 它创建一个新线程 Class2 具有动态创建的控件 带有触发 Class1 doSomethingAndCa
  • 如何使用 js 或 jQuery 将自定义 HTTP 标头添加到 ajax 请求

    有谁知道如何使用 JavaScript 或 jQuery 添加或创建自定义 HTTP 标头 我正在使用下面的代码 但它给了我405 不允许的方法 我在用POST方法但在请求方法中但它向我展示OPTION在请求方法中 状态代码 405 方法不