首先,要把你生成XML的reponse流进行设置:response.setContentType("text/xml;charset=ISO-8859-1");
如果是JSP页,也可以这样:<%@ page contentType="text/xml;charset=ISO-8859-1" %>
其次。。。你的根结点应该只有一个。。。根结点不应该有同级的。。。有时马虎了还真容易犯这样的错误
我的XML<response><ddd>666</ddd><ddd>777</ddd></response>
然后说说前台:
var response = xmlHttp.responseXML;
var root = response.documentElement;
这些都没有争议。。。网上一堆堆的
var ret = root.getElementsByTagName("ddd");
问题来了。。。如果ddd是你的根结点,那么你这么用,或许你能取到根结点对象,但其内的东西貌似你什么也得不着(个人经历。。。如有不对之处还请大家指正);另外需要注意你的XML是纯净的,不要在根结点外还有输出,如:%E6%9D%A8%E5%B3%B0<response>999</response>,这样ajax不认(不能解析为XML)
如果ddd不是你的根结点,那么这么用完全没问题
接着ret[0].text就可以取到第一个叫ddd的结点的值了:我的是666
另外也可以这么取值
var nodes = root.childNodes;
nodes[0].text
当然,这个就没有根结点的限制!
777
分享到:
相关推荐
在本文中,我们将深入探讨如何使用Ajax技术来实现responseXML返回信息的显示,尤其是在与SQL Server 2000数据库交互时。Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许我们在不刷新整个...
5. **处理响应数据**:通过`responseText`或`responseXML`属性获取服务器返回的数据,通常使用JSON格式。 ### 2. Ajax简单示例 以下是一个简单的Ajax GET请求示例,通过加载一个本地文件(例如,`ajaxDEMO.txt`)...
jQuery库简化了Ajax的使用,提供了`.ajax()`, `.get()`, `.post()`, `.getJSON()`等方法。例如: ```javascript $.ajax({ url: 'your-url', type: 'GET', dataType: 'json', success: function(data) { // ...
5. **处理响应**:通过监听`onreadystatechange`事件,当`readyState`属性值变为4(表示请求已完成)且`status`属性值为200(表示请求成功)时,可以使用`responseText`或`responseXML`属性获取服务器返回的数据。...
在这个"ajax测试使用实例,简单代码"中,我们将探讨如何利用Ajax进行基本的交互。 一、Ajax基础概念 Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript在后台与服务器通信。通过创建XMLHttpRequest对象...
6. **使用jQuery简化Ajax**:jQuery库提供了$.ajax(),$.get(),$.post()等函数,使Ajax使用更为简便。例如,`$.get('url', function(data) { ... })`,这个简化的API可以减少很多编写原生Ajax代码的工作量。 在...
这个类提供了`executeRequest`方法,用于发送异步请求,并且在完成时触发回调函数,此时`ResponseXML`和`ResponseText`已经可以使用了。 此外,为了更好地处理异步请求,你还可以使用ASP.NET AJAX的UpdatePanel控件...
**AJAX(Asynchronous JavaScript and XML)实例使用详解** AJAX,全称为异步JavaScript和XML,是一种在不重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现...
5. 处理响应:使用`responseText`或`responseXML`属性获取服务器返回的数据,进行解析和展示。 三、AJAX与XML的结合 虽然AJAX中的"A"代表XML,但在实际应用中,我们更多地使用JSON格式,因为JSON更轻量级、易读写...
综上所述,Ajax技术使得Web应用能够提供更流畅、响应更快的用户体验,而ExtJS这样的框架则进一步简化了Ajax的使用,让开发者能更专注于业务逻辑而不是底层通信细节。通过深入学习和实践,你可以构建出高效、动态的...
5. **接收响应**:如果`status`属性值为200,表示请求成功,可以使用`responseText`或`responseXML`属性获取服务器返回的数据。 6. **处理返回数据**:将服务器返回的数据解析并更新DOM,实现局部刷新。 ### **Ajax...
总结,Ajax 的实现原理主要包括使用 XMLHttpRequest 对象进行异步请求,通过 JavaScript 处理请求的发送和响应的接收,以此实现页面的局部更新,提升用户体验和性能。在实际开发中,通常还会结合 jQuery 或其他库...
在本项目中,“Ajax使用示例”提供了一个完整的Ajax应用实例,帮助开发者更好地理解和运用Ajax。 1. **Ajax的基本原理**:Ajax的核心是XMLHttpRequest对象,它允许JavaScript在不刷新整个页面的情况下与服务器进行...
7. **处理响应**:获取并解析服务器返回的数据,可以通过responseText或responseXML属性获取,然后使用JavaScript更新DOM,改变页面显示。 JavaScript是Ajax的驱动力,它不仅负责创建和操作XMLHttpRequest对象,还...
在实际开发中,我们不仅需要理解Ajax的基本概念,还要掌握如何在不同框架(如jQuery、AngularJS、Vue.js等)中使用Ajax,以及如何处理跨域请求、错误处理、性能优化等问题。对于初学者,通过阅读和分析给出的源码,...
文档"ajax_xml运用.doc"可能包含了一个使用Ajax获取并解析XML数据的例子。通常,这个过程包括以下几个步骤: 1. **创建XMLHttpRequest对象**:在JavaScript中,通过`new XMLHttpRequest()`来创建一个实例。 2. **...
在AJAX 中,服务器端如果返回的XML 文档,则可以通过异步对象的responseXML 属性来获取器XML 数据。而开发者可以利用DOM 的相关方法对其进行处理。 假设服务器返回的XML 文档,如下所示: <?xml version="1.0" ...
5. **处理响应**:使用responseText或responseXML属性获取服务器返回的数据,通常是HTML文本或XML文档。 ### 2. 数据格式 虽然名称中含有XML,但实际上Ajax并不局限于使用XML,也可以是JSON、HTML或者纯文本等。...
在“使用Ajax取得数据”这个主题中,我们将深入探讨Ajax的工作原理、基本使用方法以及实际应用。 ### 1. Ajax工作原理 Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript在后台与服务器交换数据,而...
在"ajaxtheme"这个压缩包中,可能包含了一个演示如何使用Ajax改变网页主题的示例。这可能涉及到动态加载CSS文件,或者通过Ajax获取JSON数据来改变元素样式。通过学习这个实例,你可以更好地理解Ajax如何在实际项目中...