如何在 JavaScript 中提取自定義 HTTP POST 請求 header 以便在另一個 POST 請求中傳輸？

Question

我想使用 Javascript 從POST請求中提取自定義 HTTP請求header 以便稍后在請求中使用。 這需要一個POST請求的原因是這個自定義 header 僅包含在POST HTTP 方法中，而不是GET或其他 HTTP 動詞。

假設自定義 HTTP POST請求 header 是X-CUSTOM-TOKEN 。 在將 X-CUSTOM-TOKEN 的值與以下內容（HTTP 表單）一起提交之前，如何從POST /中讀取和提取X-CUSTOM-TOKEN的值：

history.pushState('', '', '/');
document.body.innerHTML='<html><body style="background-color:black;"><form id="foobar" action="https://localhost:4449/" method="POST" enctype="multipart/form-data"><input type="hidden" name="access" value="true" /><input type="submit" value="Submit request" /></form></body></html>';
document.getElementById('foobar').submit();

我知道這個用例聽起來很愚蠢，但出於教育目的，我可以更好地理解與 HTTP 傳輸有關的 JavaScript。

非常感謝您的幫助。

Answer 1

這取決於。

如果請求是使用 Fetch API 構造的，那么您可以查詢請求 object的標頭。

但是，如果請求是使用 XMLHTTPRequest 構造的，則似乎沒有任何方法可以從准備但未發送的請求中獲取標頭。 當然，如果代碼是你的，你應該可以在配置 XHR 時訪問這些值，這樣你就可以利用這個機會將數據存儲在以后可以檢索到的地方。

如果 XHR 是由您無法編輯的第三方代碼構建的，那么您就不走運了。 在這種情況下，您可以使用某種服務器端代理將數據回顯給您。 這在教育環境中並不少見。

如何在 JavaScript 中提取自定義 HTTP POST 請求 header 以便在另一個 POST 請求中傳輸？

問題描述

1 個解決方案

解決方案1
0 2021-04-15 19:32:49

如何在 JavaScript 中提取自定義 HTTP POST 請求 header 以便在另一個 POST 請求中傳輸？

問題描述

1 個解決方案

解決方案1 0 2021-04-15 19:32:49

解決方案1
0 2021-04-15 19:32:49