Post 请求在 swagger 中有效，但在 JavaScript 或 jQuery 中无效

Question

因此，我正在尝试使用 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);
    }
});

我收到以下错误：

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

谢谢大家！

Answer 1

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

Post 请求在 swagger 中有效，但在 JavaScript 或 jQuery 中无效

Post Request works in swagger but not in JavaScript or jQuery

javascript

jquery

http-post