<!--PHP編程實(shí)戰(zhàn)-->
<!--JSON & Ajax -->
<!--15-5-->
<!--使用XMLHttpRequest修改頁(yè)面元素-->
<html>
<head></head>
<body>
<p>Original content</p>
<script type="text/javascript">
var xhr = new XMLHttpRequest();
// 指定請(qǐng)求的屬性 URL為當(dāng)前頁(yè)
xhr.open("GET", window.location.pathname, true);
// window.location.pathname==untitled/a.php
// 定義回調(diào)函數(shù)
xhr.onreadystatechange = function () {
//console.log(xhr.readyState);
if (xhr.readyState == 4) {
var message = "";
//console.log(xhr.status);
if (xhr.status = 200) {
message = "Ajax loaded content";
}
else {
message = "An error has occured making the request";
}
document.getElementsByTagName("p")[0].innerHTML = message;
}
}
// 發(fā)送實(shí)際的請(qǐng)求
xhr.send(null);
</script>
</body>
</html>
- open()中使用的URL是當(dāng)前頁(yè)window.location.pathname
能夠看到從其初始值"Original content"到"Ajax loaded content"的改變
- xhr.send(null)發(fā)送請(qǐng)求不包含數(shù)據(jù)
- 因?yàn)樾枰虞d整棵DOM樹,JavaScript置于HTML元素之后.
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
