Ajax+PHP快速上手及簡單應用說明

對於Ajax最核心的一個對象是XMLHttpRequest所有的Ajax操作都離不開對這個對象的操作  

　　簡介
Ajax 由 HTMLJavaScript™技術DHTML 和 DOM 組成這一傑出的方法可以將笨拙的Web 界面轉化成交互性的 Ajax 應用程序

　　對於Ajax最核心的一個對象是XMLHttpRequest所有的Ajax操作都離不開對這個對象的操作
創建XMLHttpRequest對象
對於IE浏覽器

復制代碼 代碼如下:
xmlHttp = new ActiveXObject(MicrosoftXMLHTTP);

　　
對於其他浏覽器

復制代碼 代碼如下:
xmlHttp = new XMLHttpRequest();

　　
不同的浏覽器對javascript中的XMLHttpRequest對象的支持是不一樣的所以需要根據情況做一下判斷

　　XMLHttpRequest對象相關方法
 
打開請求

復制代碼 代碼如下:
XMLHttpRequestopen(傳遞方式地址是否異步請求)

　　
准備就緒執行

復制代碼 代碼如下:
XMLHttpRequestonreadystatechange

　　
獲取執行結果

復制代碼 代碼如下:
XMLHttpRequestresponseText

　　
一個簡單的php+Ajax的例子
首先是testjs文件

復制代碼 代碼如下:
var xmlHttp;
function S_xmlhttprequest(){
 if(windowActiveXObject){
  xmlHttp=new ActiveXObject(MicrosoftXMLHTTP);
 }else if(windowXMLHttpRequest){
  xmlHttp=new XMLHttpRequest();
 }
}
function php(url){
 S_xmlhttprequest();
 xmlHttpopen("GET""dophp?id="+urltrue);
 xmlHttponreadystatechange=byphp;
 xmlHttpsend(null);
}
function byphp(){
 var byphp=xmlHttpresponseText;
 documentgetElementById(php)innerHTML=byphp;
}

　　
然後是執行php操作的文件dophp

復制代碼 代碼如下:
<?PHP
$id=@$_GET[id];
for($i=;$i<;$i++){
 echo $id;
}

　　
然後是前端顯示頁面testhtml

復制代碼 代碼如下:

　　
<script src="testjs" type="text/javascript"></script>
<a href="#" onClick="php()"></a> ||
<a href="#" onClick="php()"></a> ||
<a href="#" onClick="php()"></a>
<div id="php"></div>

From:http://tw.wingwit.com/Article/program/PHP/201311/21107.html