如何快速建立Ajax+PHP

這篇文章主要講解了“如何快速建立Ajax+PHP”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“如何快速建立Ajax+PHP”吧！

簡介：
Ajax 由 HTML、JavaScript?技術、DHTML 和 DOM 組成，這一杰出的方法可以將笨拙的Web 界面轉化成交互性的 Ajax 應用程序。

對于Ajax，最核心的一個對象是XMLHttpRequest，所有的Ajax操作都離不開對這個對象的操作。
創建XMLHttpRequest對象
對于IE瀏覽器：

復制代碼 代碼如下:

xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');

對于其他瀏覽器：

復制代碼 代碼如下:

xmlHttp = new XMLHttpRequest();

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

XMLHttpRequest對象相關方法
 
打開請求

復制代碼 代碼如下:

XMLHttpRequest.open(傳遞方式,地址,是否異步請求)

準備就緒執行

復制代碼 代碼如下:

XMLHttpRequest.onreadystatechange

獲取執行結果

復制代碼 代碼如下:

XMLHttpRequest.responseText

一個簡單的php+Ajax的例子：
首先是test.js文件：

復制代碼 代碼如下:

var xmlHttp;
function S_xmlhttprequest(){
 if(window.ActiveXObject){
  xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');
 }else if(window.XMLHttpRequest){
  xmlHttp=new XMLHttpRequest();
 }
}
function php100(url){
 S_xmlhttprequest();
 xmlHttp.open("GET","do.php?id="+url,true);
 xmlHttp.onreadystatechange=byphp;
 xmlHttp.send(null);
}
function byphp(){
 var byphp100=xmlHttp.responseText;
 document.getElementById('php100').innerHTML=byphp100;
}

然后是執行php操作的文件，do.php

復制代碼 代碼如下:

<?PHP
$id=@$_GET[id];
for($i=1;$i<10;$i++){
 echo $id;
}

然后是前端顯示頁面，test.html

復制代碼 代碼如下:

<script src="test.js" type="text/javascript"></script>
<a href="#" onClick="php100(1)">1</a>&nbsp;||
<a href="#" onClick="php100(2)">2</a>&nbsp;||
<a href="#" onClick="php100(3)">3</a>
<div id="php100"></div>

感謝各位的閱讀，以上就是“如何快速建立Ajax+PHP”的內容了，經過本文的學習后，相信大家對如何快速建立Ajax+PHP這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！