AJAX簡(jiǎn)介
AJAX 是一種在無(wú)需重新加載整個(gè)網(wǎng)頁(yè)的情況下，能夠更新部分網(wǎng)頁(yè)的技術(shù)。
一.ajax是什么:
（1）.ajax是異步 JavaScript 和 XML，英文全程是Asynchronous JavaScript and XML。
（2）.ajax可以通過(guò)與后臺(tái)進(jìn)行少量的數(shù)據(jù)交換，實(shí)現(xiàn)對(duì)局部網(wǎng)頁(yè)進(jìn)行異步更新，避免了要刷新這個(gè)頁(yè)面的情況。
在通常情況下，如果要更新網(wǎng)頁(yè)的數(shù)據(jù)，需要刷新整個(gè)頁(yè)面，如果利用ajax，那么就可以只進(jìn)行局部刷新即可。
AJAX 工作原理
二.AJAX是基于現(xiàn)有的Internet標(biāo)準(zhǔn):
ajax并不是一門新的技術(shù)，而是基于現(xiàn)有的Internet標(biāo)準(zhǔn)與技術(shù):
（1）.XMLHttpRequest 對(duì)象 (異步的與服務(wù)器交換數(shù)據(jù))。
（2）.JavaScript/DOM (信息顯示/交互)。
（3）.CSS (給數(shù)據(jù)定義樣式)。
（4）.XML (作為轉(zhuǎn)換數(shù)據(jù)的格式)。
三.代碼實(shí)例:
上面對(duì)ajax做了一個(gè)基本介紹，下面就是一個(gè)簡(jiǎn)單的代碼實(shí)例，先感受一下它的作用:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://m.miracleart.cn/" />
<title>php中文網(wǎng)</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>原來(lái)的內(nèi)容</h2></div>
<button type="button" id="bt">查看效果</button>
</body>
</html>代碼中的demo/ajax/txt/demo.txt可更改路徑在本地創(chuàng)建，觀察效果。
