HTTPヘッダーフォームデータを取得する方法

Question

私は外部支払いサイトを使用して自分のWebサイトにリダイレクトしています。ヘッダーにフォームデータの一部が必要で、データを取得する方法がわかりません。ここではスクリーンショットです：

ヘッダ]タブ内

が、私はForm Dataタブから情報を取得したいです。

以下のコードはヘッダーの取得に関するものですが、問題は、ResponseHeadersタブのコードを取得することだけです。 reqにはフォームデータを取得する機能がありません。

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

は、私は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")); 
    } 
} 

しかしフェッチが進歩して例を提供

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

Answer 1

ブラウザ側のJavaScriptで、サーバーから現在のページを取得するために使用されたリクエストに関する情報を取得する方法はありません。

アクセスするには、サーバーサイドコードを使用してページを動的に生成し、DOM内に埋め込む必要があります（<script>要素のJavaScriptオブジェクト、data-*属性、または<meta>要素）、JSを使用してDOMから抽出します。

Answer 2

ような何かを行うことができます関数は（があるかどうかを確認したいです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; 
    }); 
});