如何获取 HTTP headers 表单数据

Question

我正在使用外部支付网站重定向到我自己的网站。我需要 headers 中的一些表单数据，但我不知道如何获取这些数据。这是屏幕截图：

在 headers 选项卡中，我想从 Form Data 选项卡中获取信息。

下面的代码是我能够找到的有关获取 headers 的代码，但问题是它只从 ResponseHeaders 选项卡中获取代码。而且req没有任何获取表单数据的功能。

var req = new XMLHttpRequest();
req.open('GET', document.location, false);
req.send(null);
var headers = req.getAllResponseHeaders().toLowerCase();

我想看看是否有一个函数可以让我做类似

的事情

var formData = req.getFormData().toLowerCase();

Answer 1

mozilla 站点提供了示例 (https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/getResponseHeader)

var client = new XMLHttpRequest();
client.open("GET", "unicorns-are-teh-awesome.txt", true);
client.send();
client.onreadystatechange = function() {
  if(this.readyState == this.HEADERS_RECEIVED) {
    console.log(client.getResponseHeader("Content-Type"));
  }
}

但 fetch 更好（参见 https://developer.mozilla.org/en-US/docs/Web/API/Response/headers）：

fetch(myRequest).then(function(response) {
  console.log(response.headers); // returns a Headers{} object
  response.blob().then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });
});

Answer 2

无法在浏览器端 JavaScript 获取有关用于从服务器获取当前页面的请求的信息。

如果您想访问它，您需要使用服务器端代码动态生成页面并将其包含在 DOM 中（可能作为 JavaScript 对象中的 <script> 元素，或作为 data-* 属性，或在 <meta> 元素中），然后使用 JS 从 DOM.

中提取它

如何获取 HTTP headers 表单数据

How to get HTTP headers form data

javascript

form-data

http-headers