Kandungan tindak balas pelayan AJAX
Kandungan tindak balas pelayan Ajax:
Gunakan atribut responseText atau responseXML objek XMLHttpRequest untuk mendapatkan kandungan respons daripada pelayan.
Dua senarai fungsi atribut adalah seperti berikut:
< span style="font-size:12px">Atribut
| Penerangan | ||||||
| responseText | Dapatkan data respons dalam bentuk rentetan. | ||||||
| responseXML
| Dapatkan data respons dalam bentuk XML. |
Jika kandungan respons daripada pelayan bukan XML, maka gunakan responseText atribut kepada Dapatkan. Nilai pulangan atribut ini adalah dalam format rentetan Penggunaan ditunjukkan seperti berikut:
document.getElementById("show").innerHTML=xmlhttp.responseText;Contoh kod lengkap:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.php.cn/" />
<title>php中文网</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("GET","demo/ajax/txt/demo.txt",true);
xmlhttp.send();
}
window.onload=function(){
var obt=document.getElementById("bt");
obt.onclick=function(){
loadXMLDoc();
}
}
</script>
</head>
<body>
<div id="show"><h2>原来的内容</h2></div>
<button type="button" id="bt">查看效果</button>
</body>
</html><🎜> Klik butang untuk mendapatkan kandungan dalam fail teks dan tuliskannya melalui atribut responseText. <🎜><🎜>2. Atribut responseXML: <🎜><🎜>Jika respons daripada pelayan adalah XML dan perlu dihuraikan sebagai objek XML, maka anda perlu menggunakan atribut responseXML ditunjukkan seperti berikut : <🎜><🎜 >var xmlDoc = xmlhttp.responseXML;<🎜>Nilai pulangan atribut responseXML ialah objek XML Contoh objek lengkap adalah seperti berikut:<🎜>
<!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.php.cn/" />
<title>php中文网</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) {
var xmlDoc = xmlhttp.responseXML;
var str = "";
var targets = xmlDoc.getElementsByTagName("target");
for (index = 0; index < targets.length; index++) {
str = str + targets[index].childNodes[0].nodeValue + "<br>";
}
document.getElementById("show").innerHTML = str;
}
}
xmlhttp.open("GET", "demo/ajax/xml/XML.xml", true);
xmlhttp.send();
}
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> 
![Projek hadapan-Shangyou [amalan komprehensif teknologi HTML/CSS/JS]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
![Kursus front-end berasaskan sifar [pembelajaran lanjutan Vue dan aplikasi praktikal]](https://img.php.cn/upload/course/000/000/068/63bbd15353895588.jpg)
![Tutorial bahagian hadapan WEB [HTML5+CSS3+JS]](https://img.php.cn/upload/course/000/000/068/63ba60c8da520536.jpg)
![Aplikasi praktikal Apipost [api, antara muka, ujian automatik, olok-olok]](https://img.php.cn/upload/course/000/000/068/63b3c967a20f4861.jpg)
