Home > Backend Development > PHP Tutorial > Ajax+PHP快速上手及简单应用说明_PHP

Ajax+PHP快速上手及简单应用说明_PHP

WBOY
Release: 2016-06-01 12:05:05
Original
935 people have browsed it

Ajax

简介:
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
复制代码 代码如下:
$id=@$_GET[id];
for($i=1;$i echo $id;
}

然后是前端显示页面,test.html
复制代码 代码如下:

1 ||
2 ||
3



Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template