熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> PHP編程 >> 正文

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

2013-11-15 12:31:23  來源: 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
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.