XMLHttpRequest对象可以从Server端取回的数据分为两种,虽然在HTTP协议的角度来看都是纯文本格式,但一个是普通的文本字符串,其响应的Content-Type是text/plain,可以用XMLHttpRequest.responseText属性取得这个string,另外一个是XML格式的文本,Content-Type是text/xml,虽然取得是文本内容,但XMLHttpRequest却能帮你内部转换,你只需要访问XMLHttpRequest.resposeXML属性就可以取得一个W3C DOM对象。
要注意的是,即使响应返回的MIME类型是text/xml,我们仍然可以用XMLHttpRequest.responseText来得到xml格式的原始文本内容,而不是一个DOM对象。
XMLHttpRequest.responseText和XMLHttpRequest.responseText都是XMLHttpRequest对象的属性,不是方法,切忌当成方法调用!
XMLHttpRequest.responseText
如果要发挥XMLHttpRequest.responseText的最大作用,就不得不依靠innerHTML这个不是标准的标准属性。这就像JSTL里面不是标准的标准标签一样让人郁闷。innerHTML属性不是XML DOM和HTML的标准,但几乎每个浏览器又支持它。
我们可以利用配置了id属性的div标签来使用返回的文本字符串:
<div id="insert"></div>
在js代码中可以这样:
document.getElementById("insert").innerHTML = xhr.responseText;
XMLHttpRequest.responseXML
对于XML格式来说,由于浏览器内置的强大的DOM API解析功能,使得我们可以方便的遍历检索需要的信息,特别是XML格式的数据提供了一种层次性的结构,使得对数据的组织更加方便。
分享到:
相关推荐
4. 3(正在接收):服务器正在处理请求,部分响应数据可能可用。 5. 4(完成):请求已完成,可以访问服务器的响应数据。 开发者通常会在就绪状态为4时处理响应,因为此时请求已完成且可以获取数据。例如,清单1...
2. **JavaScript**:用于创建和控制XMLHttpRequest对象,发送请求,并处理服务器的响应。 3. **DOM(Document Object Model)**:用于查找、修改和显示页面内容。 4. **CSS(Cascading Style Sheets)**:用于样式化...
1.情况描述:ajax发送成功,后台也成功响应请求,并返回了json数据,通过chrome监听请求也可以看到响应的json数据,但是就是不进success方法,反而跑到error方法中了 前端: $.ajax({ type : get, data : {'dbId'...
在JavaScript开发中,有时...综上所述,通过理解和运用Ajax Hook,我们可以对全局的Ajax请求进行灵活的控制和处理,提升代码的可维护性和用户体验。在项目中合理使用Ajax Hook,可以更好地实现业务需求,提高开发效率。
然而,当需要发送多个Ajax请求时,可能会出现并发问题,导致数据处理混乱或者请求响应顺序不可控。本文将深入探讨这个问题,并提供解决方案。 一、并发问题的来源 1. 请求队列:浏览器为了防止过多并发请求导致...
4. send()方法发送请求到服务器。如果是GET请求,参数会附加在URL后面;POST请求则将数据放在请求体中。 5. 服务器接收到请求后,处理数据并返回响应。 6. Ajax监听XMLHttpRequest对象的onreadystatechange事件,当...
**Ajax与XML在请求和响应中的应用** Ajax(Asynchronous JavaScript and XML)技术允许Web应用程序在不刷新整个页面的情况下与服务器进行交互,提高了用户体验。在Ajax应用程序中,XMLHttpRequest对象扮演着关键...
(method 表示请求方式, url 请求路径, asynch 是否异步,对于 asynch 的值通常不会设置, 默认是true,表示异步发送请求) send(content) :向服务器发送请求 属性: onreadystatechange :状态回调函数 ...
4. **发送请求**: 使用`send()`方法,对于GET请求,参数为空;对于POST请求,参数为要发送的数据,如`xhr.send('param1=value1¶m2=value2');`。 5. **监听状态变化**: 使用`onreadystatechange`事件,当`...
最后,我们使用`open()`和`send()`方法发送请求。 在实际应用中,比如用户输入邮编后自动填充城市和省份的功能,我们可以监听表单的事件,如`onchange`,并在事件处理函数中触发AJAX请求。请求的URL可能包含用户...
通过创建XMLHttpRequest对象,打开连接,发送请求,然后处理服务器返回的数据,我们可以实现无刷新更新。然而,实际应用中,我们往往不再使用XML作为传输数据格式,而是JSON,因为它更加轻量且易于处理。 在...
当`<script>`标签的`src`属性指向一个提供JSON数据的URL时,浏览器会发送GET请求,并接收返回的JavaScript代码执行。JSONP就是将JSON数据包裹在一个JavaScript函数调用中,这样返回的数据就能被前端的JavaScript代码...
本文将介绍JSP结合Ajax技术通过GET方法发送请求的详细步骤和实现方法,该技术在数据请求和处理方面非常实用,尤其适用于需要在用户界面交互中实时校验数据的场景。 首先,我们创建一个简单的注册表单页面,页面中...
在Ajax异步请求中,XMLHttpRequest对象是核心组件,负责发送请求和接收响应。创建XMLHttpRequest对象可以使用不同的方法,例如,使用window.XMLHttpRequest或window.ActiveXObject。同时,需要注册...
综上所述,这个"ajax发送xml请求小示例"将帮助开发者理解如何使用AJAX与服务器交互,发送XML数据并解析返回的XML响应。在实际项目中,可能需要根据具体需求选择XML或JSON,并结合现代的前端框架(如jQuery、Vue.js或...
HTML页面可能包含JavaScript代码,用于处理用户的交互,并使用Ajax库(如jQuery的$.ajax或原生XMLHttpRequest对象)来发送异步请求。在这个例子中,HTML页面可能有一个按钮,当用户点击时,它会触发一个函数,该函数...
本话题将详细讲解如何在图书馆管理页面中利用AJAX实现图书的添加、删除和判断功能,以及处理AJAX的GET请求和POST响应,这些都是前端开发者在考试或实际项目中经常遇到的场景。 首先,我们要理解AJAX的基本原理。...
其中,获取Ajax请求记录是开发者调试过程中非常关键的一环,因为它可以帮助开发者检查数据的发送和接收情况,排查网络问题,以及理解应用程序的工作流程。 Chrome扩展插件就是一种增强浏览器功能的方式,它们可以...
3. 学习PHP基础,了解如何接收和处理HTTP请求,以及返回响应。 4. 实践编写Ajax请求和PHP后端,通过实际案例加深理解。 5. 探索更高级的Ajax库和框架,如jQuery、axios等,简化Ajax开发。 通过研究"pim.zip"中的...
此外,还有一些不太常用的请求类型,如**HEAD**(只请求响应头)、**OPTIONS**(请求查询针对资源的通讯选项)、**PATCH**(用于对已知资源进行局部修改)等。 ### 结论 综上所述,要精通AJAX技术,不仅要熟练掌握...