时间戳

首页 > 解决方案 > 如何通过 JavaScript 提交带有 HTTP POST 表单数据的 XmlHttpRequest？

javascript - 如何通过 JavaScript 提交带有 HTTP POST 表单数据的 XmlHttpRequest？

问题描述

我有以下 XmlHttpRequest：

var poc = new XMLHttpRequest();
poc.open("POST", URL);
poc.setRequestHeader("CUSTOM-HEADER", extract);
poc.send();
console.log("Request sent with header");

我想POST在这个 XHR 旁边提交身体数据。假设 HTTPPOST请求如下：

POST /user/updateField/1554 HTTP/1.1
Host: localhost
Connection: close
Content-Length: 142
Content-Type: multipart/form-data; boundary=----WebKitFormBoundarytxuXi4RTyonGC5pD

------WebKitFormBoundarytxuXi4RTyonGC5pD
Content-Disposition: form-data; name="access"

winner
------WebKitFormBoundarytxuXi4RTyonGC5pD--

如何将它添加到上面的 JavaScript XmlHttpRequest？

如果它更容易，我如何winner通过 JavaScript 通过 HTTP 表单数据提交值？：

<html>
  <body>
  <script>history.pushState('', '', '/')</script>
    <form action="https://localhost:4442/user/updateField/1554" method="POST" enctype="multipart/form-data">
      <input type="hidden" name="access" value="winner" />
      <input type="submit" value="Submit request" />
    </form>
   <script>
   document.forms[0].submit();
  </script>
  </body>
</html>

非常感谢您的帮助，谢谢！

标签： javascript

解决方案

推荐阅读