您当前的位置: 首页 > 网站编程 > PHP教程 > Ajax+PHP快速上手及简单应用说明

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

作者:不详 来源:网络 发布时间: 2014-08-18 11:56 点击:
对于Ajax,最核心的一个对象是XMLHttpRequest,所有的Ajax操作都离不开对这个对象的操作 简介: Ajax 由 HTML、JavaScript技术、DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的Web 界面转化成交互性的 Ajax 应用程序。 对于Ajax,最核心的一个对象是XMLHttpRequest,

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

  对于Ajax,最核心的一个对象是XMLHttpRequest,所有的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

  复制代码 代码如下:

  <?PHP

  $id=@$_GET[id];

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

  echo $id;

  }

  然后是前端显示页面,test.html

  复制代码 代码如下:

  <script src="test.js" type="text/javascript"></script>

  <a href="#" onClick="php100(1)">1</a> ||

  <a href="#" onClick="php100(2)">2</a> ||

  <a href="#" onClick="php100(3)">3</a>

  <div id="php100"></div>
分享到:
本文"Ajax+PHP快速上手及简单应用说明"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4