XMLHttpRequest responseText 屬性

admin發表於2020-06-06
XMLHTTP

responseText 屬性返回伺服器響應的字串內容，只讀屬性。

HTTP 響應正常結束後，此屬性可以返回完整的響應資料。

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

語法結構：

[JavaScript] 純文字檢視 複製程式碼
xhr.responseText

程式碼例項如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="https://www.softwhy.com/" />
<title>螞蟻部落</title> 
<script>
let loadText = ()=> {
  let xmlHttp = new XMLHttpRequest();
  xmlHttp.onreadystatechange = ()=> {
    if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {
      document.getElementById("show").innerHTML = xmlHttp.responseText;
    }
  }
  xmlHttp.open("GET","demo/ajax/txt/demo.txt",true);
  xmlHttp.send();
}
window.onload =()=> {
  let oBt = document.getElementById("bt");
  oBt.onclick = ()=> {
    loadText();
  }
}
</script>
</head>
<body>
<div id="show"></div>
<input type="button" id="bt" value="檢視效果"/>
</body>
</html>

上述通過 AJAX 請求伺服器的文字內容，這些內容通過 responseText 屬性返回。

相關文章