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>