AJAX(asynchronous Javascript And XML),是指一种创建交互式网页应用的网页开发技术。主要通过后台与服务器进行少量数据交换,实现异步更新。AJAX的核心是JavaScript对象XMLhttpRequest。
XMLHttpRequest对象可以在不向服务器提交整个页面的情况下,实现局部更新网页。当页面全部加载完毕后,客户端通过该对象向服务器请求数据,服务器端接受数据并处理后,向客户端反馈数据。 XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHttpRequest 可以同步或异步返回 Web 服务器的响应,并且能以文本或者一个 DOM 文档形式返回内容。尽管名为
XMLHttpRequest,它并不限于和 XML 文档一起使用:它可以接收任何形式的文本文档。XMLHttpRequest 对象是名为 AJAX 的 Web 应用程序架构的一项关键功能。
对于不同的浏览器,使用不同的方法来创建XMLHttpRequest对象。IE使用ActiveXObject,而其他浏览器使用名为XMLHttpRequest的javascript内建对象。要克服各个浏览器的差异,可以使用如下一段简单的代码:
var XMLHttp=null;
if (window.XMLHttpRequest)
{
XMLHttp=new XMLHttpRequest()
}else if (window.ActiveXObject)
{
XMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
}
XMLHttpRequest五个状态:
HTTP请求的状态,但一个XMLHttpRequest除此创建时,readyState属性的值从0开始,直到接收完整的HTTP响应,这个值增加到4,每一个状态都有一个相关联的非正式的名称,如下所示:
状态 |
名称 |
描述 |
0 |
Uninitialized |
初始化状态,XMLHttpRequest对象已创建或已被abort()方法重置 |
1 |
Open |
open()方法已调用,但是send()方法未调用。请求还没有被发送。 |
2 |
Send |
Send()方法已调用,HTTP请求已发送到WEB服务器,未接收到响应 |
3 |
Receiving |
所有响应头部都已经接收到。响应体开始接收但未完成 |
4 |
Loaded |
Http响应已完全接收 |
注意事项:
1.不同浏览器中,对象建立方式不同。
2.设置回调函数时,不要在函数名后面加括号。
3.Open方法最多有五个参数,其中前三个是必须的
4.回调函数中,最好将判断readyState和status的两个if条件分开写。
5.当前服务器端没有正确返回XML数据时,在javascript中使用responseXML的方式获取返回的xml数据对应的DOM对象时,FireFox和IE的结果是有差别的。
刚刚接触AJAX,简单的从宏观上做个总结,在深一步的结束后,在做完善。如有错误,欢迎指出!!
分享到:
相关推荐
详解Ajax的核心对象XmlHttpRequest
AJAX(XMLHttpRequest)进行跨域请求方法详解
asp.net ajax操作xmlHttpRequest对象返回的ResponseXML和ResponseText例子
Ajax核心对象XMLHTTPRequest详细参数及例子
AJAX入门之XMLHttpRequest慨述 在使用XMLHttpRequest对象发送请求和处理响应之前,必须先用JavaScript创建一个XMLHttpRequest对象。由于XMLHttpRequest不是一个W3C标准,所以可以采用多种方法使用JavaScript来...
经测试,用此方法创建XMLHttpRequest对象,在运用AJAX的时候,可以的兼容IE6,IE7,IE8,Opera,Safari,Google Chrome,fireFox。主流的应该就这些吧?theWorld,遨游等浏览器都是以IE为核心的,所以肯定也没问题。 另外...
javascript实例应用---Ajax与XMLHttpRequest.rarjavascript实例应用---Ajax与XMLHttpRequest.rarjavascript实例应用---Ajax与XMLHttpRequest.rar
ajax核心XMLHttpRequest中文参考手册~!
Ajax深度剖析,XMLHttpRequest对象大揭秘
Ajax 简单实例 XMLHttpRequest对象的创建,请求,发送,仅供初学者
全面剖析Ajax的XMLHttpRequest对象.doc
Ajax中关于XmlHttpRequest的实例 jquery的应用实例
全面剖析Ajax XMLHttpRequest对象
AjaxXMLHttpRequest_Demo02.zip
xmlHttpRequest用法示例其中包括普通用法,与返回xml的用法,注释详细,代码清晰。
NULL 博文链接:https://tydldd.iteye.com/blog/1725526
ajax和struts的结合应用
XMLHttpRequest中文参考手册,学习AJAX的必备良品
ajax工具,XMLHttpRequest调试工具