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


Posted in PHP onJuly 24, 2013

简介:
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>

PHP 相关文章推荐
在PHP3中实现SESSION的功能(二)
Oct 09 PHP
php xfocus防注入资料
Apr 27 PHP
php 全局变量范围分析
Aug 07 PHP
PHP入门学习笔记之一
Oct 12 PHP
PHP 数据结构 算法 三元组 Triplet
Jul 02 PHP
DISCUZ在win2003环境下 Unable to access ./include/common.inc.php in... 的问题终极解决方案
Nov 21 PHP
PHP MySql增删改查的简单实例
Jun 21 PHP
PHP实现的曲线统计图表示例
Nov 10 PHP
PHP实现多图上传(结合uploadify插件)思路分析
Nov 30 PHP
php lcg_value与mt_rand生成0~1随机小数的效果对比分析
Apr 05 PHP
php中请求url的五种方法总结
Jul 13 PHP
php的命名空间与自动加载实现方法
Aug 25 PHP
table标签的结构与合并单元格的实现方法
Jul 24 #PHP
ueditor 1.2.6 使用方法说明
Jul 24 #PHP
PHP与javascript实现变量交互的示例代码
Jul 23 #PHP
php curl基本操作详解
Jul 23 #PHP
如何使用FireFox插件FirePHP调试PHP
Jul 23 #PHP
PHP时间格式控制符对照表分享
Jul 23 #PHP
利用curl抓取远程页面内容的示例代码
Jul 23 #PHP
You might like
第一个无线电台是由谁发明的
2021/03/01 无线电
php结合ACCESS的跨库查询功能
2015/06/12 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
CI框架(CodeIgniter)公共模型类定义与用法示例
2017/08/10 PHP
jquery选择器(常用选择器说明)
2010/09/28 Javascript
如何确保JavaScript的执行顺序 之jQuery.html深度分析
2011/03/03 Javascript
Javascript base64编码实现代码
2011/12/02 Javascript
JS实现在页面随时自定义背景颜色的方法
2015/02/27 Javascript
nodejs中实现sleep功能实例
2015/03/24 NodeJs
jquery预加载图片的方法
2015/05/27 Javascript
jQuery简单实现点击文本框复制内容到剪贴板上的方法
2016/08/01 Javascript
JavaScript表单验证开发
2016/11/23 Javascript
jQuery实现别踩白块儿网页版小游戏
2017/01/18 Javascript
整理关于Bootstrap表单的慕课笔记
2017/03/29 Javascript
JS实现多张图片预览同步上传功能
2017/06/23 Javascript
详解React项目中碰到的IE问题
2019/03/14 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
2020/05/09 Javascript
使用实现pandas读取csv文件指定的前几行
2018/04/20 Python
python 字典访问的三种方法小结
2019/12/05 Python
django框架两个使用模板实例
2019/12/11 Python
PyTorch的SoftMax交叉熵损失和梯度用法
2020/01/15 Python
python实现手势识别的示例(入门)
2020/04/15 Python
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
英国时尚女装购物网站:Missguided
2018/08/23 全球购物
Lookfantastic阿联酋官网:英国知名美妆护肤购物网站
2020/05/26 全球购物
高三自我评价
2014/02/01 职场文书
初中英语课后反思
2014/04/25 职场文书
简洁的英文求职信范文
2014/05/03 职场文书
小学优秀辅导员事迹材料
2014/05/11 职场文书
计划生育证明书写要求
2014/09/17 职场文书
扶贫办主任查摆“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
群众路线查摆问题整改措施思想汇报
2014/10/10 职场文书
音乐教师个人总结
2015/02/06 职场文书
《哪吒之魔童降世》观后感:世上哪有随随便便的成功
2019/11/08 职场文书
MySQL数据库Innodb 引擎实现mvcc锁
2022/05/06 MySQL
winserver2019安装软件一直卡在应用程序正在为首次使用做准备
2022/06/10 Servers