AJAX简单应用
来源:互联网 发布:python sys.exit用法 编辑:程序博客网 时间:2024/05/16 05:46
2、建立要连接的 URL。
3、打开到服务器的连接。
4、设置服务器在完成后要运行的函数。
5、发送请求。
下面简单介绍上面流程的实现过程:
1.基本上实现异步操作主要是靠操作一个对象,即XMLHttpRequest对象。所以首先应该建立并实例化一个 XMLHttpRequest对象:var xmlHttp=new XMLHttpRequest object;
2.获取web界面要传递的数据,这个很简单,如下:
var city = document.getElementById("city").value;
3.发出ajax请求:
1)// 建立URL连接
var url = "/scripts/getZipCode.php?city=" + escape(city)
2) //打开URL连接,其中的参数:第一个为提交方式(get/post);第二个为连接到服务器的地址;第三个为是否为异步操作,为true表示为异步,为false表示同步,发送请求后必须等到回复才能
xmlHttp.open("GET", url, true);
3)// 设置回调函数,即发送成功后调用的函数
xmlHttp.onreadystatechange = updatePage;
4)// 发送请求
xmlHttp.send(null);
4.处理服务器的相应(此为回调函数中对服务器 发送回来的数据的处理)
function updatePage() {
if (xmlHttp.readyState == 4) {
var response = xmlHttp.responseText;
document.getElementById("zipCode").value = response;
}
}
// 解释:上面有一个属性readyState,为状态码,其值有5个(0,1,2,3,4)为4表示相应服务器的操作应经完成,可以获取并使用服务器的响应了
总结:自我认为ajax的操作基本上就是这些,其遵循上面的几个步骤:实例化XMLHttpRequest对象,获取连接地址及传送数据,打开连接地址,设置回调函数,发送请求。如果有什么不足的地方,望大鸟指正。
- ajax的简单应用
- ajax的简单应用
- Ajax应用简单示例
- Ajax应用简单实例
- Ajax简单应用例子
- 简单ajax应用
- 简单的ajax应用
- ajax 的简单应用.
- ajax+servlet简单应用
- Ajax简单应用
- 简单的Ajax应用
- 简单Ajax应用
- Ajax的简单应用
- php ajax 简单应用
- AJAX简单应用
- AJAX简单应用
- ajax 的简单应用
- Ajax的简单应用
- apue学习第二天(2)——第一个程序myls的执行
- VS2010 工程打包发布
- UIVIewController自定义切换效果
- 时间都去哪了?没到最后,怎能懈怠...
- Struts2数据传输的背后机制:ValueStack(值栈)(转载)
- AJAX简单应用
- Oracle plsql developer 使用技巧
- 这张图的三个颜色分量保存了各个块之间的混合系数
- 复习
- 【Eclipse】【Tomcat】eclipse上安装Tomcat插件
- 位操作与BitSet
- iOS开发多线程篇—GCD介绍
- 实验三 栈和队列
- python复制文件