使用 AJAX 发送 PUT 请求时出现错误

Question

我编写了 HTML 和 AJAX 代码来更新我网络中的相机密码。 当我提交表单时，我只得到 ​​p>

“错误”（net::ERR_EMPTY_RESPONSE）

在 Chrome 中，它不会更新密码。但是当我使用 POSTMAN 尝试 PUT 请求时，我得到了OK(200) 并且它更新成功。此外，它在使用 Internet Explorer 的区域设置（即从桌面运行 HTML 文件）中也能很好地工作。但上传到服务器后，它也不能与 Internet Explorer 一起使用（等待和拒绝访问）。

function myFunction() {
    var settings = {
        "async": true,
        "crossDomain": true,
        "url": "http://192.168.1.64/Security/users?auth=YWRtaW46MTEK",
        "method": "PUT",
        "headers": {
            "cache-control": "no-cache",
            "postman-token": "fda97359-6164-70d0-2896-8ca4804ac06c"
        },
        "data": "<UserList xmlns=\"http://www.hikvision.com/ver10/XMLSchema\" version=\"1.0\"><User xmlns=\"http://www.hikvision.com/ver10/XMLSchema\" version=\"1.0\"><id>1</id><userName>admin</userName><password>TT.123456</password></User></UserList>"
    }

    $.ajax(settings).done(function (response) {
        console.log(response);
    });
}

我在 chrome 中收到此错误。请看屏幕截图：

“邮递员”截图：

Answer 1

为了进行跨域请求（在客户端），它很可能需要是 POST 请求而不是 PUT。根据HTTP access control (CORS)的MDN文档：

简单的请求

有些请求不会触发CORS preflight。在本文中，这些被称为“简单请求”，尽管 Fetch 规范（定义 CORS）没有使用该术语。不触发CORS preflight 的请求——所谓的“简单请求”——是满足以下所有条件的请求：

• 唯一允许的方法是：

  • GET
  • HEAD
  • POST

¹

我在本地运行了您帖子中的代码，将方法更改为POST。端点需要添加以下标头：

access-control-allow-headers: cache-control,postman-token
access-control-allow-origin: *

虽然Access-Control-Allow-Origin 可以设置为特定域而不是*。例如：

Access-Control-Allow-Origin: https://intranetHost

在下图中，第一个 XHR 请求是飞行前请求（其中方法是OPTIONS），第二个是实际请求（其中方法是POST）

或者，如果它仍然需要是 PUT 请求，也许可以向将发出 PUT 请求的服务器端端点发出请求（例如使用 cURL）。

---

¹_{https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS#Simple_requests}