`

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对象大揭秘

    在这篇深度剖析中,我们将揭开XMLHttpRequest对象的神秘面纱,探讨其工作原理、常用方法和实际应用。 XMLHttpRequest对象是Ajax技术的基础,它允许JavaScript在页面不刷新的情况下与服务器进行通信。创建一个...

    全面剖析Ajax的XMLHttpRequest对象.doc

    Ajax 中的 XMLHttpRequest 对象 Ajax 是一种异步的 JavaScript 与 XML 技术,用于在客户端脚本与服务器之间实现数据交互过程。XMLHttpRequest 对象是 Ajax 的技术基础,尽管现在提供了各种 Ajax 框架,但是理解这个...

    全面剖析 Ajax XMLHttpRequest对象

    XMLHttpRequest对象是Ajax技术的核心,它是现代Web应用中用于实现客户端与服务器间异步数据交换的关键组件。在不刷新整个页面的情况下,XMLHttpRequest允许开发者通过JavaScript动态更新网页内容,极大地提升了用户...

    Ajax中XmlHttpRequest实例笔记

    **Ajax中的XmlHttpRequest详解** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。核心在于使用JavaScript与服务器进行异步数据交换,并且利用浏览器内置...

    AJAX技术使用XMLHttpRequest对象传递参数的中文乱码问题

    在使用AJAX技术进行前后端数据交互时,经常会出现中文字符编码的问题,尤其是在使用`XMLHttpRequest`对象发送请求的过程中。例如,在Internet Explorer(IE)浏览器与Mozilla Firefox浏览器之间存在不同的行为表现,...

    全面剖析XMLHttpRequest对象

    XMLHttpRequest对象是Web开发中的关键组件,尤其对于实现AJAX(异步JavaScript和XML)技术至关重要。它允许在不刷新整个页面的情况下与服务器进行通信,极大地提升了用户体验。这个对象在所有现代浏览器中都得到了...

    全面剖析XMLHttpRequest对象.doc

    ### 全面剖析XMLHttpRequest对象 #### 引言:AJAX与XMLHttpRequest的革命 XMLHttpRequest对象是现代网络开发中不可或缺的一部分,它是AJAX(Asynchronous JavaScript and XML)技术的核心,使得网页能够在不重新...

    全面剖析XMLHttpRequest对象.txt

    ### 全面剖析XMLHttpRequest对象 #### 一、XMLHttpRequest对象简介 XMLHttpRequest是一个非常重要的JavaScript对象,它允许网页向服务器发起异步请求并处理响应数据。这种技术是实现Ajax(Asynchronous JavaScript...

    创建XMLHttpRequest对象

    基于以上分析,我们可以将上述方法封装成一个函数,以便在不同的浏览器环境下创建`XMLHttpRequest`对象: ```javascript function createXmlHttpRequest() { var xmlHttp; try { // 尝试使用原生方式创建 ...

    ajax --XMLHttpRequest

    这种技术的核心是JavaScript和XMLHttpRequest对象,尽管XML最初是用于数据交换,但在实际应用中,JSON格式已经更广泛地取代了XML。 **XMLHttpRequest对象** XMLHttpRequest(XHR)是Ajax的基础,它允许JavaScript...

    XMLHttpRequest对象

    在这个例子中,我们首先通过`createXMLHttpRequest`函数创建了一个`XMLHttpRequest`对象,然后设置了`onreadystatechange`事件处理器`callback`,并在`readyState`变为4且`status`为200时执行相应逻辑。 #### 五、...

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

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

    AJAX中同时发送多个请求XMLHttpRequest对象处理方法

    ### AJAX中同时发送多个请求XMLHttpRequest对象处理方法 在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛应用于实现网页的部分更新而无需重新加载整个页面。这一技术的核心在于利用`...

Global site tag (gtag.js) - Google Analytics