`

Ajax中的XmlHttpRequest对象剖析

    博客分类:
  • Ajax
阅读更多
一· ajax 的编程步骤:
1. 创建XMLHttpRequest 对象xhr;
2. 使用xhr 的open 函数打开资源;open("GET or POST" , "传向的页面"+如果是GET要加参数(不用加/));
3. 使用xhr 的onreadystatechange 属性注册处理应答的回调函数的句柄;(为什么只传句柄?如果传display()的话相当于传入的是函数值,
而传入display()的话是将整个函数传给它,当有变化时交个这个函数来处理传入display()还会出错?)
4. (在使用POST 方法使用)使用xhr 的setRequestHeader 设置请求头。通常设置content-type
请求头,可能的值是:application/x-www-form-urlencoded 和text/xml;
5. 使用xhr 的send 方法发送请求;
6. 编写回调函数处理应答:在此函数里通过xhr 的readyState 属性判断通信是否结束(等于4 结束);然后再通过xhr 的status 属性判断web server 是否正确处理应答(等于200 正确),如果正确处理应答,应答的文本存放在xhr 的responseText 属性中,应答是xml 再将生成的xml 文档放在xhr 的responseXML 中 传XML文档只能用POST方法传

res.getCharactorEncoding();可获得res的字符编码
res.setCharactorEncoding("UTF-8");

用DOM api 解析XML 文档的步骤:
1. 创建DocumentBuilderFactory:
DocumentBuilderFactory dbf = DocumentBuilderFactory.newInstance();
2. (可选)设置dbf 的属性:
设置合法性检测: dbf.setValidating(true);
设置处理名字空间: dbf.setNamespaceAware(true);
3.创建DocumentBuilder:
DocumentBuilder db = dbf.newDocumentBuilder();
4a.解析XML 文档:
Document doc = db.parse(xmlResource);
4b.生成XML 文档:
Document doc = db.newDocument();

二·XMLHTTPRequest的属性和方法介绍
方法属性:
open(string method, string url, boolean asynch, string username, string password):post还是get,url地址,同步还是异步 后面三个参数是可选的
void send(content):
string getAllResponseHeaders()
void setRequestHeader(string header, string value):这个方法为HTTP请求中一个给定的首部设置值。它有两个参数,第一个串表示要设置的首部,第二个串表示要在首部中放置的值。需要说明,这个方法必须在调用open()之后才能调用。
string getResponseHeader(string header):
onreadystatechange :每个状态改变时都会触发这个事件处理器,通常会调用一个JavaScript函数、回调函数
readyState:请求的状态。有5个可取值:0 = 未初始化,1 = 正在加载,2 = 已加载,3 = 交互中,4 = 完成
responseText:服务器的响应,表示为一个串
responseXML:服务器的响应,表示为XML。这个对象可以解析为一个DOM对象
statusText:HTTP状态码的相应文本(OK或Not Found(未找到)等等)
分享到:
评论

相关推荐

    Ajax深度剖析,XMLHttpRequest对象大揭秘

    Ajax深度剖析,XMLHttpRequest对象大揭秘

    全面剖析Ajax的XMLHttpRequest对象.doc

    全面剖析Ajax的XMLHttpRequest对象.doc

    全面剖析 Ajax XMLHttpRequest对象

    全面剖析Ajax XMLHttpRequest对象

    全面剖析XMLHttpRequest对象

    XMLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础。尽管软件经销商和开源社团现在都在提供各种AJAX框架以进一步简化XMLHttpRequest对象的使用;但是,我们仍然很有必要理解这个对象的详细工作机制。

    全面剖析XMLHttpRequest对象.doc

    全面剖析XMLHttpRequest对象,网上查找整理的资料,可以当入门文档看.

    不使用XMLHttpRequest对象实现Ajax效果的方法小结

    主要介绍了不使用XMLHttpRequest对象实现Ajax效果的方法,结合具体实例形式分析了三种不使用XMLHttpRequest对象实现Ajax功能的相关实现技巧与操作注意事项,需要的朋友可以参考下

    《Ajax技术简介和案例分析》(42P)

    通过案例分析Ajax优缺点 Ajax常用开发技巧 与Ajax相关的常用JavaScript库分析 Ajax资源分享 Ajax原理与Web2.0 Ajax原理 推出背景 Ajax技术组成 Asynchronous JavaScript and XML 老技术新思路 使用XHTML与CSS的...

    Ajax基础教程(亚马逊计算机榜首图书,国内第1本Ajax图书) [第一部分 共两部分]

    本书重点介绍Ajax及相关的工具和技术,主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用JsUnit测试JavaScript、分析JavaScript调试工具和技术,以及Ajax开发模式和...

    AJAX无刷新聊天室技术

    Ajax的核心是JavaScript XmlHttpRequest对象。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest对象可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。 ...

    ajax基础教程_1

    本书重点介绍Ajax及相关的工具和技术,主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用JsUnit测试JavaScript、分析JavaScript调试工具和技术,以及Ajax开发模式和...

    PHP+Ajax实例+注释演示

    3.2,用onreadystatechange来指定数据装载的方式.(onreadystatechange是一个异步响应事件,就是因为它,ajax才那么完美.onreadystatechange事件中可以接收到服务器传回来的数据,通过分析和利用这些数据从而完成...

    csdn 图书 Ajax基础教程.chm

    本书重点介绍Ajax及相关的工具和技术,主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用JsUnit测试JavaScript、分析JavaScript调试工具和技术,以及Ajax开发模式和...

    Ajax基础教程(扫描版)

    本书重点介绍ajax及相关的工具和技术,主要内容包括xmlhttprequest对象及其属性和方法、发送请求和处理响应、构建完备的ajax开发工具、使用jsunit测试javascript、分析javascript调试工具和技术,以及ajax开发模式和...

    Ajax基础教程 作者:(美)阿斯利森 舒塔

    本书重点介绍Ajax及相关的工具和技术,主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用JsUnit测试JavaScript、分析JavaScript调试工具和技术,以及Ajax开发模式和...

    javascript XMLHttpRequest对象全面剖析

    一、 引言 异步JavaScript与XML(AJAX)是一个专用术语,用于实现在客户端脚本与服务器之间的数据交互过程。这一技术的优点在于,它向开发者提供了一种从Web服务器检索数据而不必把用户当前正在观察的页面回馈给...

    Ajax基础教程chm版

    本书重点介绍Ajax及相关的工具和技术,主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用JsUnit测试JavaScript、分析JavaScript调试工具和技术,以及Ajax开发模式和...

    Ajax.基础教程 part1 权威AJAX教材

    本书重点介绍Ajax及相关的工具和技术,主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用JsUnit测试JavaScript、分析JavaScript调试工具和技术,以及 Ajax开发模式...

Global site tag (gtag.js) - Google Analytics