时间戳

首页 > 解决方案 > How to submit a HTML form with header

javascript - How to submit a HTML form with header

问题描述

I want to submit a form including a header during posting the request , is that possible ? I tried below code but I was unable to send the request with the defined header . 


<html>
  <body>
  <script>
    var xhr = new XMLHttpRequest;
    xhr.setRequestHeader("Myheader" , "value")
  </script>
    <form action="https://example.com/myprofile/myedit" method="POST">
      <input type="hidden" name="firstname" value="Jacob&#32;" />
      <input type="hidden" name="email" value="jacob&#64;gmail&#46;com" />
      <input type="submit" value="Submit request" />
    </form>
  </body>
</html>

标签： javascripthtmlxmlhttprequest

解决方案

我想在发布请求期间提交包含标题的表单，这可能吗？

不。

如果您使用 XMLHttpRequest 或 fetch 发出请求，则只能向请求添加自定义 HTTP 标头（因此，如果您使用表单提交发出请求，则不能这样做）。

您可以使用该submit事件来拦截表单提交并使用 XMLHttpRequest 或 fetch 发出请求……但是您也需要使用 JS 处理响应。

推荐阅读