XMLHttpRequest setRequestHeader()

admin發表於2019-02-14
XMLHTTPHeader

此方法規定指定請求的某個http頭。

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

語法結構:

[JavaScript] 純文字檢視 複製程式碼
XMLHttpRequest.setRequestHeader(strHeader, strValue);

引數解析:

（1）.strHeader:規定頭名稱。

（2）.strValue:規定頭名稱的值。

程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<script>
function loadXMLDoc() {
  var xmlhttp;
  if (window.XMLHttpRequest) {
    xmlhttp = new XMLHttpRequest();
  }
  else {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange = function () {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
      document.getElementById("show").innerHTML = xmlhttp.responseText;
    }
  }
  xmlhttp.open("POST", "demo/ajax/net/postParam.aspx", true);
  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xmlhttp.send("webName=螞蟻部落&age=3");
}
window.onload = function () {
  var obt = document.getElementById("bt");
  obt.onclick = function () {
    loadXMLDoc();
  }
}
</script>
</head>
<body>
<div>
  <div id="show"></div>
  <input id="bt" type="button" value="檢視效果"/>
</div>
</body>
</html>

上述程式碼簡單演示了標題中方法的功能，非常簡單不多介紹。

相關文章