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 相关文章推荐
用文本作数据处理
Oct 09 PHP
php下用GD生成生成缩略图的两个选择和区别
Apr 17 PHP
PHP操作数组的一些函数整理介绍
Jul 17 PHP
php设计模式之单例、多例设计模式的应用分析
Jun 30 PHP
php 表单提交大量数据发生丢失的解决方法
Mar 03 PHP
yii2.0实现验证用户名与邮箱功能
Dec 22 PHP
PHP中addcslashes与stripcslashes函数用法分析
Jan 07 PHP
今天你说520了吗?不仅有php表白书还有java表白神器
May 20 PHP
php  PATH_SEPARATOR判断当前服务器系统类型实例
Oct 28 PHP
PHP依赖注入(DI)和控制反转(IoC)详解
Jun 12 PHP
PHP常见的序列化与反序列化操作实例分析
Oct 28 PHP
php+laravel 扫码二维码签到功能
May 15 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
laravel 中如何使用ajax和vue总结
2017/08/16 PHP
php/JS实现的生成随机密码(验证码)功能示例
2019/06/06 PHP
给Function做的OOP扩展
2009/05/07 Javascript
解决jquery submit()提交表单提示:f[s] is not a function
2013/01/23 Javascript
通过Javascript读取本地Excel文件内容的代码示例
2014/04/08 Javascript
jQuery淡入淡出元素让其效果更为生动
2014/09/01 Javascript
JavaScript中定义函数的三种方法
2015/03/12 Javascript
JavaScript的设计模式经典之代理模式
2016/02/24 Javascript
javascript实现可键盘控制的抽奖系统
2016/03/10 Javascript
JS实现根据文件字节数返回文件大小的方法
2016/08/02 Javascript
解决vue-cli创建项目的loader问题
2018/03/13 Javascript
5分钟快速看懂ES6中的反射与代理
2019/12/19 Javascript
Vue路由切换页面不更新问题解决方案
2020/07/10 Javascript
python中的五种异常处理机制介绍
2014/09/02 Python
python中类的一些方法分析
2014/09/25 Python
Python的批量远程管理和部署工具Fabric用法实例
2015/01/23 Python
python操作sqlite的CRUD实例分析
2015/05/08 Python
python 对类的成员函数开启线程的方法
2019/01/22 Python
python字符串反转的四种方法详解
2019/12/02 Python
python中count函数简单用法
2020/01/05 Python
Python基于Hypothesis测试库生成测试数据
2020/04/29 Python
Python 将 QQ 好友头像生成祝福语的实现代码
2020/05/03 Python
HTML5 Plus 实现手机APP拍照或相册选择图片上传功能
2016/07/13 HTML / CSS
Html5中localStorage存储JSON数据并读取JSON数据的实现方法
2017/02/13 HTML / CSS
canvas 基础之图像处理的使用
2020/04/10 HTML / CSS
Auguste The Label官网:澳大利亚一家精品女装时尚品牌
2020/06/14 全球购物
毕业生医学检验求职信
2013/10/16 职场文书
一名毕业生的自我鉴定
2013/12/04 职场文书
数控技术专业毕业自荐书范文
2014/02/05 职场文书
森林防火宣传标语
2014/06/27 职场文书
教师群众路线心得体会
2014/11/04 职场文书
物业前台接待岗位职责
2015/04/03 职场文书
2016学校元旦晚会经典开场白台词
2015/12/03 职场文书
反四风问题学习心得体会
2016/01/22 职场文书
2016年世界人口日宣传活动总结
2016/04/05 职场文书
餐厅如何利用“营销策略”扭转亏本局面
2019/10/15 职场文书