AJAX - Buat objek XMLHttpRequest
Objek XMLHttpRequest
Objek XMLHttpRequest ialah teras teknologi Ajax.
Objek XMLHttpRequest disokong oleh semua penyemak imbas moden (IE5 dan IE6 menggunakan ActiveXObject).
Berinteraksi dengan pelayan tanpa memuat semula halaman adalah ciri terbesar Ajax. Ciri penting ini terutamanya disebabkan oleh objek XMLHttpRequest. Menggunakan objek XMLHttpRequest membolehkan aplikasi web, seperti aplikasi Windows, untuk bertindak balas terhadap interaksi antara pengguna dan pelayan tepat pada masanya tanpa perlu memuat semula atau melompat halaman, dan untuk melakukan satu siri pemprosesan data, fungsi ini boleh memendekkan masa menunggu pengguna . , dan juga mengurangkan beban pada bahagian pelayan.
Buat objek XMLHttpRequest
Pelayar moden (IE7+, Firefox, Chrome, Safari dan Opera) semuanya mempunyai objek XMLHttpRequest terbina dalam.
Sintaks untuk mencipta objek XMLHttpRequest:
variable=new XMLHttpRequest();
Versi lama Internet Explorer (IE5 dan IE6) menggunakan objek ActiveX :
variable=new ActiveXObject("Microsoft.XMLHTTP");
Untuk mengendalikan semua penyemak imbas moden, termasuk IE5 dan IE6, sila semak sama ada penyemak imbas menyokongnya XMLHttpRequest objek. Jika disokong, cipta objek XMLHttpRequest. Jika tidak disokong, buat ActiveXObject : :
<!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()">點(diǎn)擊修改</button>
</body>
</html>
