AJAX处理以XML返回的响应
Ajax请求,服务器端返回XML形式的数据,在页面上用Javascript处理会非常方便。
代码:
// 发送请求 var req; function getXMLHttpRequest() { var xRequest = null; if (window.XMLHttpRequest) { xRequest = new XMLHttpRequest(); } else if (typeof ActiveXObject != "undefined") { xRequest = new ActiveXObject("Microsoft.XMLHTTP"); } return xRequest; } function sendRequest(url, params, HttpMethod, callback) { if (!HttpMethod) { HttpMethod = "GET"; } req = getXMLHttpRequest(); if (req) { req.onreadystatechange = callback; req.open(HttpMethod,url,true); req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=EUC-JP"); req.send(params); } }
// 回调函数 function change() { if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { var data = xmlHttp.responseXML; var datas = data.getElementsByTagName('info'); for (var i = 0; i < datas.length; i++) alert(datas[i].firstChild.nodeValue); datas = data.getElementsByTagName('memo'); for (i = 0; i < datas.length; i++) alert(datas[i].firstChild.nodeValue); } } }
// 服务器端代码 // XML头,没有这个Javascript解析不出XML,编码一定要设,要不然会乱码 StringBuilder infoBuilder = new StringBuilder("<?xml version=\"1.0\" encoding=\"EUC-JP\"?>"); // 根元素<root></root>一定需要,否则Javascript解析不出XML,但名字不一定要叫root infoBuilder.append(("<root><info>a</info><info>b</info><memo>c</memo><memo>d</memo></root>"); ); PrintWriter writer = null; try { // 设置编码 response.setContentType("text/xml;charset=EUC-JP"); writer = response.getWriter(); writer.println(infoBuilder.toString()); writer.flush(); } catch (Exception e) { } finally { if (writer != null) writer.close(); }
相关推荐
3. **服务器端**:可能是一个简单的Servlet或JSP,接收并处理来自Ajax的请求,然后返回XML或其他格式的数据。 总结,Ajax技术极大地提升了Web应用的交互性和响应速度,通过"ajax_xml运用.doc"文档和"AjaxDemo"项目...
Ajax struts2 xml flex Ajax struts2 xml flex Ajax struts2 xml flex Ajax struts2 xml flex Ajax struts2 xml flex Ajax struts2 xml flex
在Web开发领域,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不刷新整个页面的情况下,与服务器交换数据并更新部分网页内容。DWR(Direct Web Remoting)是一个开源Java库,它使得...
`HjxxServlet.java`通常是Java Web应用程序中的一个Servlet,负责处理HTTP请求并返回XML响应。Servlet是运行在服务器端的小程序,它可以接收和响应来自客户端的请求,这里的请求可能是由Ajax发起的。 在`index....
这个名为"一个AJAX代码框架压缩包(用XML返回多个数据、PHP)-可以直接套用"的资源,提供了使用AJAX与PHP交互,通过XML获取并处理多个数据的示例框架。下面我们将详细探讨这个框架中的关键知识点。 1. **AJAX基础**...
- XML文件:可能包含服务器端生成的示例数据,用于测试Ajax请求和响应处理。 - Server-side脚本(如PHP、Python、Java等):处理Ajax请求,生成XML响应。 通过分析这些文件,你可以深入学习如何在实际项目中使用...
- 使用Ajax下载文件时,服务器通常会将文件内容以XML格式返回,然后在客户端解析并触发下载。 - 通过创建隐藏的iframe或者利用Blob和URL.createObjectURL() API可以实现文件的下载。 5. **示例代码**: ```...
在本示例中,我们关注的是如何利用Ajax从服务器获取以XML(Extensible Markup Language)格式的数据,然后将这些数据绑定到前端的下拉框中,以及实现下拉框之间的联动效果。下面我们将详细探讨这一过程。 首先,XML...
总结来说,Ajax和XML是Web开发中的重要技术,Ajax通过异步通信提升了用户体验,XML则提供了结构化的数据交换格式。虽然现代Web开发更倾向于使用JSON,但理解XML和Ajax的基础对于全面掌握Web开发至关重要。
**jQuery + AJAX 处理 XML 数据** 在网页开发中,jQuery 和 AJAX 技术的结合是获取和操作服务器端数据的常见方式。本篇将详细探讨如何使用 jQuery 的 AJAX 功能来处理 XML(可扩展标记语言)数据。 **1. jQuery 和...
在获取到XML响应后,可以使用`responseXML`属性获取XML文档对象,然后通过DOM方法进行操作。例如,获取XML中的某个元素: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'your-api-url.xml', ...
综上所述,这个"ajax发送xml请求小示例"将帮助开发者理解如何使用AJAX与服务器交互,发送XML数据并解析返回的XML响应。在实际项目中,可能需要根据具体需求选择XML或JSON,并结合现代的前端框架(如jQuery、Vue.js或...
然后,关于导出XML文件,文档中并没有详细描述实现方式,但可以推测,导出功能很可能是通过服务器端生成相应的XML文件,并通过Ajax请求将文件作为响应返回给客户端,然后利用JavaScript触发浏览器的下载功能。...
5. **前端处理响应**:AJAX回调函数接收到响应数据后,使用JavaScript解析XML,然后动态修改DOM(Document Object Model),更新网页上的相应元素,达到无刷新效果。 压缩包内的"php+ajax+xml"可能是实现这个功能的...
5. 解析XML响应:当请求成功并返回XML数据时,我们需要解析XML内容。JavaScript提供了DOMParser对象来实现这一点。 ```javascript var parser = new DOMParser(); var xmlDoc = parser.parseFromString(xhr....
2. **JSON字符串转换**:Ajax请求返回的数据通常是JSON格式的字符串,需要使用`JSON.parse()`方法将其转化为JavaScript对象。 3. **JSON对象操作**:JavaScript对象可以直接通过点号或方括号操作符访问属性,也可以...
ajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用...
### Ajax与XML:深入理解XML在Ajax中的角色 在探讨Ajax与XML的深层次关系之前,让我们首先澄清一个普遍存在的误解。尽管“Ajax”这个术语中包含“XML”,但这并不意味着XML是实现Ajax功能的必要条件。实际上,...
当Ajax发送数据到服务器时,PHP可以接收这些数据,执行业务逻辑(如数据库查询、数据处理等),然后将处理结果以XML或JSON格式返回给客户端。 ### 4. 使用Ajax 实现聊天功能 聊天应用是Ajax的一个经典应用场景。在...
在这个例子中,`xhr.responseXML`会返回一个包含服务器响应的XML文档对象,然后可以使用DOM API来遍历和操作XML数据。 **使用JSON替代XML** 虽然XML是早期Ajax常用的格式,但随着JSON(JavaScript Object Notation...