XMLHttpRequest getAllResponseHeaders()

admin發表於2020-05-23
XMLHTTPHeader

getAllResponseHeaders() 方法可以獲取 HTTP 響應的所有頭資訊。

頭資訊之間用回車換行分割（CRLF），沒有收到回應返回 null ，報錯返回空字串。

特別說明：當 send() 方法完成後才可呼叫該  getAllResponseHeaders() 方法。

關於 XMLHttpRequest 更多內容參閱 XMLHttpRequest  物件 一章節。

語法結構：

[JavaScript] 純文字檢視 複製程式碼
xhr.getAllResponseHeaders()

程式碼例項如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8"> 
<meta name="author" content="https://www.softwhy.com/" />
<title>螞蟻部落</title>
<script>
function loadXMLDoc() {
  let xmlHttp = new XMLHttpRequest();
  xmlHttp.onreadystatechange = function () {
    if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
      document.getElementById("show").innerHTML = xmlHttp.responseText;
      console.log(xmlHttp.getAllResponseHeaders());
    }
  }
  xmlHttp.open("POST", "echo.php", true);
  xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xmlHttp.send("webName=螞蟻部落&age=5");
}
window.onload = ()=> {
  let oBt = document.getElementById("bt");
  oBt.onclick = ()=> {
    loadXMLDoc();
  }
}
</script>
</head>
<body>
  <div id="show"></div>
  <input id="bt" type="button" value="檢視效果"/>
</body>
</html>

上述程式碼可以在控制檯列印  getAllResponseHeaders() 方法的返回值：

a:3:{s:3:\"pic\";s:43:\"portal/202005/23/064626yzvpfvf32hfyfubh.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

列印結果也印證了文章開頭的陳述：

（1）.頭資訊不止一條。

（2）.頭資訊之間用回車換行分割。

相關文章