Heim > Backend-Entwicklung > PHP-Tutorial > Ajax+PHP快速上手及简单应用说明_PHP

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

WBOY
Freigeben: 2016-06-01 12:05:05
Original
934 Leute haben es durchsucht

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



Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage