Ajax基本开发步骤
来源:互联网 发布:死亡岛有网络怎么联机 编辑:程序博客网 时间:2024/06/06 15:46
何为ajax?有什么用?
Ajax全称是“Asynchrous(异步) Javascript And XML”,是指一种创建交互式网页应用的的网页开发技术。是一种用于提高浏览器和服务器交互效率的快速创建动态网页技术。能够替换传统传统的web交互模式。如何理解这个同步异步?
传统同步交互模式是怎样的?
在传统模型中,使用的是同步交互模式,客户端浏览器向服务器提出请求,然后在服务器响应这个请求之前,一直处于等待的状态,并且不能进行别的操作。
主流技术异步交互模式是怎样的?
在Ajax异步交互模式中,在客户端浏览器和服务器当中,多了一个传递对象Ajax引擎,当客户端浏览器是向Ajax引擎提交请求,然后由Ajax引擎负责和服务器进行请求信息转交,这样就能实现在客户端浏览器发送请求后,能够继续操作,而不是处于等待状态。当服务器处理完Ajax引擎请求后,将响应传递给Ajax引擎,Ajax引擎会更新客户端浏览器页面。Ajax开发步骤
第一步:获取XMLHttpRequest对象。
在w3school的xml文档中就能查到示例代码。
var xmlhttp = null;if(window.XMLHttpRequest){ //这个是针对浏览器IE7及其7以上的版。 xmlhttp = new XMLHttpRequest();}else if(window.ActiveXObject){ //这个是针对浏览器5到7的版本。 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}
第二步:注册回调函数。
xmlhttp.onreadystatechange = function(){
};
onreadystatechange是一个事件处理器,用于每个状态变化所触发的事件。
第三步:open(“method”,”URL”,async,”uname”,”pswd”)
只用于设置请求方式、URL路径、以及是否同步,并不发送请求。
如果URL要求带参数呢?
如果是get请求的话,将参数直接在url后面进行拼接。
例如:xmlhttp.open(“get”,”http://www.baidu.com?name=xiaosan“);
如果是post请求的话,则要进行多项设置操作:
例如:xmlhttp.open(“post”,”http://www.baidu.com“);
xmlhttp.setRequestHeader(“content-type”,”application/x-www-form-urlencoded”);
xmlhttp.send(“name=xiaosan”);
其中,setRequestHeader(“label”,”value”)的作用是想要被发送的http报头添加lable/value对。
第四步:send(content)
发送请求。如果没有参数,则写成send(null)。
第五步:在回调函数中进行具体的数据操作。
在这之前要先了解XMLHttpRequest的一些属性。
下表是一个readyState的状态值以及状态值所代表的含义:
- Ajax基本开发步骤
- Ajax 基本操作步骤
- Ajax基本步骤
- 关于Ajax以及开发Ajaxt的基本步骤
- ajax开发步骤
- 开发Ajax程序步骤
- ajax开发步骤
- ajax开发步骤
- Ajax开发步骤解析
- 实现Ajax的基本步骤
- 实现AJAX的基本步骤
- 实现AJAX的基本步骤
- 实现AJAX的基本步骤
- 实现AJAX的基本步骤
- AJAX的基本实现步骤
- 实现AJAX的基本步骤
- 实现AJAX的基本步骤
- ajax编程的基本步骤
- 『ORACLE』 表空间属性(11g)
- SymPy使用教程
- 虚拟机类加载机制(ClassLoader)
- 安装虚拟机出现“正在进行简易安装时,无法手动启动vmware tools"以及出现解压vmware tools时,Read-only file system
- [伸展树]codevs1286 郁闷的出纳员
- Ajax基本开发步骤
- wxPython之wx.DC
- linux
- Java反射应用
- Nodejs安装后修改全局路径配置
- Storm集群组件和编程模型
- 【大牛第一步】安装chrome,利用google学习,开启github之旅
- 有趣的printf
- Storm的编程模型与核心组件