当前位置: 代码迷 >> Ajax >> PHP+ajax 范例详解教程[一]
  详细解决方案

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

热度:489   发布时间:2013-03-06 16:20:31.0
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  HTMLJavaScript? 技术、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 //获取执行结果

  相关解决方案