XHR mencipta objek
XMLHttpRequest ialah asas AJAX.
Objek XMLHttpRequest
Objek XMLHttpRequest disokong oleh semua pelayar moden (IE5 dan IE6 menggunakan ActiveXObject).
XMLHttpRequest digunakan untuk menukar data dengan pelayan di latar belakang. Ini bermakna bahagian halaman web boleh dikemas kini tanpa memuatkan semula keseluruhan halaman.
Buat objek XMLHttpRequest
Semua penyemak imbas moden (IE7+, Firefox, Chrome, Safari dan Opera) mempunyai objek XMLHttpRequest terbina dalam.
Sintaks untuk mencipta objek XMLHttpRequest:
Versi lama Internet Explorer ( IE5 dan IE6) menggunakan objek ActiveX:
Untuk mengatasi semua pelayar moden , termasuk IE5 dan IE6, sila semak sama ada penyemak imbas menyokong objek XMLHttpRequest. Jika disokong, cipta objek XMLHttpRequest. Jika ia tidak disokong, buat ActiveXObject: :
Instance
<html><!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改内容</button>
</body>
</html>Run Instance»
Klik "Run Butang Instance" Lihat contoh dalam talian
Dalam bab seterusnya, anda akan belajar tentang menghantar permintaan pelayan.
