js+Ajax+PHP 简单实例

index.php

<script src="a.js" type="text/javascript"></script>
<a href="#" onclick="funphp100('o')">o</a>
<a href="#" onclick="funphp100('t')">t</a>
<a href="#" onclick="funphp100('x')">x</a>
<div id="php100"></div>

for.php

<?
$id=$_GET['id'];
for($i=0;$i<5;$i++){
echo $id;
}
?>

a.js

var xmlHttp;         //定义XMLHttpReqest对象
function S_xmlhttprequest(){ 
 if(window.ActiveXObject){  
  xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');
  }else if(window.XMLHttpRequest){   //如果浏览器支持XMLHttpRequest对象，创建ActiveXObject对象
   xmlHttp=new XMLHttpRequest();
   }
 }
 
 
function funphp100(url){
 S_xmlhttprequest();
xmlHttp.open("GET","for.php?id="+url,true);  //发送http请求  //该路径是相对index.php的路径而不是js的路径
 xmlHttp.onreadystatechange=byphp; //返回处理函数
 xmlHttp.send(null);
 }
 
function byphp(){
var byphp100=xmlHttp.responseText;
document.getElementById("php100").innerHTML=byphp100;
 }
 

 

来源于PHP100的教程例子

附：

XHR.readyState == 状态（0，1，2，3，4）
0：请求未初始化，还没有调用 open()。
1：请求已经建立，但是还没有发送，还没有调用 send()。
2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。
3：请求在处理中；通常响应中已有部分数据可用了，没有全部完成。
4：响应已完成；您可以获取并使用服务器的响应了。

相关文章：

jQ+Ajax+PHP 简单实例