PHP+ajax 实例详解教程[一]

一共需要三个文件



学习目的：实现异步传输简单处理数据，如点击a，出现N次a，N由index.php处理。

各个文件代码

Ajax.js

_________________________________________________________________________

var xmlHttp;

//实例化过程

function S_xmlhttprequest(){

   if(window.ActiveXObject){

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

   }else if(window.XMLHttpRequest){

      xmlHttp=new XMLHttpRequest();

   }

}

function funphp100(url){

   //引用实例化过程

       //http://www.ruoshuiyx.com

   S_xmlhttprequest();

   //打开请求

   xmlHttp.open("GET","index.php?id="+url,true);

   //准备就绪执行

   xmlHttp.onreadystatechange=byphp;

   xmlHttp.send(null);

   

}

function byphp(){

   //获取执行结果

   var byphp100=xmlHttp.responseText;

   //返回到指定ID中

   document.getElementById('php100').innerHTML=byphp100;

   

}

Php.php

<scripttype="text/javascript"src="ajax.js"></script>

<ahref="#"onclick="funphp100('a')">a</a>

<ahref="#"onclick="funphp100('b')">b</a>

<ahref="#"onclick="funphp100('c')">c</a>

<divid="php100"></div>

Index.php

<?php

if($id=$_REQUEST[id])

{

   for ($i=1;$i<10;$i++)

   {

      echo $id;

   }

exit();    

}

?>

知识点

1、 Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成，这一杰出的

1、方法可以将笨拙的 Web 界面转化成交互性的Ajax 应用程序。

2、 创建XMLHttpRequest对象

xmlHttp = new XMLHttpRequest();

这对于规范的Js支持的浏览器来讲是没错的

恰恰相反IE却就不支持，所以没办法我们只能

做个判断再创建一个IE支持的

xmlHttp = newActiveXObject('Microsoft.XMLHTTP');

3、 XMLHttpRequest对象相关方法

XMLHttpRequest.open(传递方式,地址,是否异步请求)
//打开请求

XMLHttpRequest.onreadystatechange //准备执行

XMLHttpRequest.responseText //获取执行结果