Post Request 在 swagger 中有效，但在 JavaScript 或 jQuery 中无效答案

【问题标题】：Post Request works in swagger but not in JavaScript or jQueryPost Request 在 swagger 中有效，但在 JavaScript 或 jQuery 中无效
【发布时间】：2021-09-29 23:00:36
【问题描述】：

所以，我正在尝试使用 ajax post 调用休息 API。响应包含 JSON 格式的状态代码和响应正文。当我大摇大摆地测试它时，它可以工作。

当我在 JavaScript 或 JQuery 中尝试这个时，

const values = {
    clientId: '9d9d865a-96c6-41ff-9842-89101c8ccc7a'
};

$.ajax({
    url: "https://-----.-----------.ca/Asset/EstimatedWaitTime",
    type: "POST",
    data: values,
    contentType: "application/json",
    dataType: "text",
    beforeSend: function(xhr) {
        xhr.setRequestHeader('access-control-allow-headers', 'Origin, X-Requested-With, Content-Type, Accept');
    success: function(response) {},
    error: function(jqXHR, textStatus, errorThrown) {
        console.log(textStatus, errorThrown);
    }
});

我收到以下错误：

为什么这不起作用，或者我做错了什么？

谢谢你们！

【问题讨论】：

标签： javascript jquery http-post

【解决方案1】：

这是一个跨域资源共享 (CORS) 错误 https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS 最好的方法是您自己的 API 可以访问外部网络资源。 JS（AJAX 请求）-> 你的 API -> 外部网络资源 -> 你的 API -> 你的网页（js 响应）

【讨论】：