从零开始学习Ajax
2012-02-17 23:12
176 查看
何谓AJAX?
AJAX(Asynchronous JavaScript and XML)是一种创建交互式网页应用的网页开发技术。AJAX使用JavaScript编写的 XMLHttpRequest 对象与与服务器通信。使用XMLHttpRequest,浏览器向Web
服务器发送异步HTTP请求,页面无需重载即可与Web 服务器交换数据。
AJAX技术的标准实现是XMLHttpRequest(简称XHR)对象。XHR可以调用类似jQuery等相关JS库例。下面给一个示例代码,来演示如何使用XHR。
1. 创建XMLRequest对象
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else if (window.ActiveXObject) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
2. 构造浏览器向服务器发送的异步HTTP请求URL
xhr.open(
"GET",
"my-dynamic-content.jsp?id="
+encodeURI(myId),
true
);
3. 指定回调函数接收服务器端响应
xhr.onreadystatechange = function(){
processReqChange(req);
}
4.浏览器向服务器端发送XRH请求
xhr.send(null);
如果使用同步方式,待客户端请求发送后,要做的是等待服务器端的响应。有时是干等,因为服务器因服务忙,或者网络延迟原因响应很慢。而使用异步AJAX技术,我们就可以干点别的事情了,而不必干等,因为AJAX指定回调函数随时接收服务器的响应,然后通知我们。如果您想了解更多细节, 请参见XHR对象的更多属性信息:
何谓HTTP
XHR的基础是HTTP协议,因此,充分熟悉HTTP协议有助于更加有效利用AJAX技术。HTTP协议的主要特点如下:
HTTP是一种无状态的请求-响应协议
无论是请求,还是响应,都包含了Header,属于文本类型。
只有POST请求才包含Body。
所谓请求是指定义一个动词与方法。
通过在Header文件设置Content-type指定请求、响应Mime类型。
相比于其它HTTP方法,我们使用GET和POST的概率是99%。HTTP方法列表如下:
REST是时下非常流行的Web Service技术,常见的一个应用是地图服务,常用的HTTP的方法如下:
正确设定请求与响应的Mime类型,是网页正常显示的关键因素之一。Mime类型列表如下:
AJAX(Asynchronous JavaScript and XML)是一种创建交互式网页应用的网页开发技术。AJAX使用JavaScript编写的 XMLHttpRequest 对象与与服务器通信。使用XMLHttpRequest,浏览器向Web
服务器发送异步HTTP请求,页面无需重载即可与Web 服务器交换数据。
AJAX技术的标准实现是XMLHttpRequest(简称XHR)对象。XHR可以调用类似jQuery等相关JS库例。下面给一个示例代码,来演示如何使用XHR。
1. 创建XMLRequest对象
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else if (window.ActiveXObject) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
2. 构造浏览器向服务器发送的异步HTTP请求URL
xhr.open(
"GET",
"my-dynamic-content.jsp?id="
+encodeURI(myId),
true
);
3. 指定回调函数接收服务器端响应
xhr.onreadystatechange = function(){
processReqChange(req);
}
4.浏览器向服务器端发送XRH请求
xhr.send(null);
如果使用同步方式,待客户端请求发送后,要做的是等待服务器端的响应。有时是干等,因为服务器因服务忙,或者网络延迟原因响应很慢。而使用异步AJAX技术,我们就可以干点别的事情了,而不必干等,因为AJAX指定回调函数随时接收服务器的响应,然后通知我们。如果您想了解更多细节, 请参见XHR对象的更多属性信息:
何谓HTTP
XHR的基础是HTTP协议,因此,充分熟悉HTTP协议有助于更加有效利用AJAX技术。HTTP协议的主要特点如下:
HTTP是一种无状态的请求-响应协议
无论是请求,还是响应,都包含了Header,属于文本类型。
只有POST请求才包含Body。
所谓请求是指定义一个动词与方法。
通过在Header文件设置Content-type指定请求、响应Mime类型。
相比于其它HTTP方法,我们使用GET和POST的概率是99%。HTTP方法列表如下:
REST是时下非常流行的Web Service技术,常见的一个应用是地图服务,常用的HTTP的方法如下:
正确设定请求与响应的Mime类型,是网页正常显示的关键因素之一。Mime类型列表如下:
相关文章推荐
- 从零开始学习jQuery (六) jQuery中的Ajax
- 从零开始学习jQuery之Ajax快餐(1)
- 从零开始学习jQuery (六) jquery中的AJAX使用
- 从零开始学习jQuery (六) jQuery中的Ajax
- AJAX学习笔记--从零开始
- 从零开始学习jQuery (六) AJAX快餐
- 从零开始学习WEB前端之数据交互(Ajax)
- 从零开始学习Ajax:Web开发技术实战
- 从零开始学习jQuery (六) AJAX快餐 (转)
- 从零开始学习jQuery (六) jquery中的AJAX使用
- 从零开始学习jQuery (六) AJAX快餐【转】
- Atlas 学习笔记: ajax 改进 by Atlas
- [搬家文]两篇文章(ajax刷新问题,hibernate学习心得)
- 从零开始学习jQuery(一)
- 从零开始学习jQuery (二) 万能的选择器
- AJAX学习之Atlas框架之建立基本的程序
- ajax入门学习
- ajax的学习
- Ajax入门学习教程(一)
- python爬虫scrapy从零开始学习杂记(1)