PHP Ajax 入门HelloWorld
来源:互联网 发布:北京赛车pk10数据 编辑:程序博客网 时间:2024/06/05 21:12
浅谈Ajax
Ajax 是 Asynchronous JavaScript and XML(以及 DHTML 等)的缩写。
它由 HTML+JS+DOM组成,本教程暂时不涉及DOM。
同步的概念:页面提交POST表单,是不是整个页面都在等待服务器返回(呈空白状态),然后刷新?没错,这就是同步。
异步的概念:表单提交后,页面的其它部分照常用。
Ajax 就是 页面和服务器之间的小三,作为一段JS代码,它把页面的提交信息截获,然后处理后提交给服务器,然后监听服务器返回信息,然后再回馈给页面。
要用它需要一个句柄:xmlHttp = new XMLHttpRequest();
我们正是基于这个对象扮演小三这个角色。
参照下注释就能理解ajax流程:
1.生成XMLHttpRequest对象
2.建立要跳转的URL
3.打开服务器conn
4,.设置服务器完成操作后要执行的函数
5.send ajax
6.结束后待执行函数要不断监听(机制不需要我们实现)
哎,从圣马家沟男子职业技术学院出来的我,没啥文化,以上就是自己粗浅的理解。
要看高大上的:掌握 Ajax,第 1 部分: Ajax 入门简介
实际操作
先安装下wamp(windows + apache + mysql +PHP)。。。
wamp点击下载
在wamp/www/中新建一个testAjax文件夹,里面两个文件:index.html 和 getZipcode.php
index.html
<HTML><HEAD><TITLE>Test ajax in PHP...</TITLE></HEAD><BODY><script language="javascript" type="text/javascript">//创建一个XMLHttpRequest句柄var xmlHttp = false;if (!xmlHttp && typeof XMLHttpRequest != 'undefined') { xmlHttp = new XMLHttpRequest();}function callServer(){//截获表单 get valuevar city = document.getElementById("city").value;if(city == null || city == "") return;//建立URL,获取邮政编码var url = "/testAjax/getZipcode.php?city="+escape(city);//打开conn,true表示异步xmlHttp.open("GET",url,true);//设定完成代码后执行的函数xmlHttp.onreadystatechange = updatePage;//发送Ajax,因为是GET方式,不需要附带数据xmlHttp.send(null);}//这个方法监听和处理响应function updatePage(){//什么也不要做,直到 xmlHttp.readyState 属性的值等于 4if(xmlHttp.readyState == 4){var response = xmlHttp.responseText;document.getElementById("zipcode").value = response;}}</script><form><p>City: <input type="text" name="city" id="city" size="25" onChange="callServer();" /></p><p>Zip Code: <input type="text" name="zipcode" id="zipcode" size="5" /></p></form></BODY></HTML>
getZipcode.php
<?phpif(!isset($_GET["city"])){echo "URL:city parameter is set?</br>";}else{$city = $_GET["city"];if($city != null && $city != ""){echo $city."_010";}else{echo "city is null?";}}?>
实际结果:
无论我的City输入什么,下面的邮政编码,都会加一个“_010”,实时的。
吐槽:zipcode是邮政编码的意思(英语都是体育老师教的)。
emaster 关注信息安全的胖子
欢迎转载,但转载请注明地址:http://blog.csdn.net/emaste_r/article/details/21783067
- PHP Ajax 入门HelloWorld
- Ajax入门级程序--Helloworld
- php+ajax简单入门
- Ajax入门介绍以及用Ajax写helloworld
- Ajax HelloWorld
- Ajax入门实例----HelloWorld附源码详细注释
- Ajax入门实例----HelloWorld附源码详细注释
- PHP+MYSQL+AJAX 第二章 PHP入门
- 入门 HelloWorld!
- 结合AJAX进行PHP开发之入门
- 结合AJAX进行PHP开发之入门
- Ajax 入门 - Getting started with AJAX using PHP : Tutorial
- Ajax学习之helloworld
- Ajax之helloWorld
- SWT 入门之 -> HelloWorld
- WebWork介绍-入门helloWorld
- J2ME入门之HelloWorld
- dwr入门之HelloWorld
- 浙大2012上机 PAT 1031. Hello World for U (20)
- 用python编写脚本实现备份文件
- 测试人员如何更快的学习
- 黑马程序员 android App
- 基于视频处理的DSP系统通用设计模式及其实现
- PHP Ajax 入门HelloWorld
- qagn rgntgn
- 汉诺塔的非递归算法
- 【人文】第一部分对保不住秘密的人,要保持距离
- SpringMVC_chapter2 常用控制器详解
- 让你的python程序开机自启动
- concurrent包中atomic中的怪异现象
- PHP 6将实现的8个特性和功能
- 可变长的结构体