用jQuery解析xml文档：
1、xml.jsp
<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
$.ajax({
type: "POST",
url: "XmlServlet",
dataType: "xml",
data: {name:$("#name").val()},
success: function(datas){
var name = $(datas).find("name").text();
var age = $(datas).find("age").text();
var address = $(datas).find("address").text();
var email = $(datas).find("email").text();
//生成表格的形式显示到页面中
var html = "<table width='50%' border='1' align='center'><tr><th>name</th><th>age</th><th>address</th><th>address</th></tr><tr><td>"+name+"</td><td>"+age+"</td><td>"+address+"</td><td>"+email+"</td></tr></table>";
$("#theBody table:eq(0)").remove();
$("#theBody").append(html);
}
});
});
});
</script>
</head>
<body id="theBody">
<select id="name" name="name">
<option value="tomcat">Tom Cat</option>
<option value="android">Android</option>
</select>
<input type="button" name="btn" id="btn" value="Get XML from server">
</body>
2、服务器后端的servlet：
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//接受前台传过来的参数name
String name = request.getParameter("name");
Person person = new Person();
if("tomcat".equals(name)){
person.setName("tomcat");
person.setAge(23);
person.setAddress("北京");
person.setEmail("tomcat@126.com");
}else if("android".equals(name)){
person = new Person();
person.setName("android");
person.setAge(12);
person.setAddress("上海");
person.setEmail("android@163.com");
}
Document document = DocumentHelper.createDocument();
Element rootElement = document.addElement("users");
Element userElement = rootElement.addElement("user");
Element nameElement = userElement.addElement("name");
Element ageElement = userElement.addElement("age");
Element addressElement = userElement.addElement("address");
Element emailElement = userElement.addElement("email");
nameElement.setText(person.getName());
ageElement.setText("" + person.getAge());
addressElement.setText(person.getAddress());
emailElement.setText(person.getEmail());
//服务器应该返回的是xml文档
response.setContentType("text/xml; charset=utf-8");
//清理缓存
response.setHeader("pragma", "no-cache");
response.setHeader("cache-control", "no-cache");
//输出到客户端用PrintWriter
PrintWriter out = response.getWriter();
//格式化xml文档
OutputFormat format = OutputFormat.createPrettyPrint();
format.setEncoding("utf-8");
//用XmlWriter写到客户端
XMLWriter writer = new XMLWriter(out,format);
writer.write(document);
//关闭输出流
out.flush();
}
分享到：
相关推荐
关于jq读取xml的，有需要的朋友可以下载。
本主题将探讨如何利用jQuery解析XML文件，进而实现省市县三级联动的下拉框效果，这是一种常见的地理数据展示方式，常用于地址选择或者物流配送等场景。 首先，XML（Extensible Markup Language）是一种用于存储和...
在IT领域，尤其是在Web开发中，"JQuery 解析XML省市区县三级联动"是一个常见的需求，主要用于构建交互式的下拉菜单，使得用户在选择省份时，对应的市和县会根据所选省份动态加载。这样的功能可以提升用户体验，减少...
通过这个简单的 jQuery 和 XML 操作示例，我们了解了如何使用 jQuery 的 `$.ajax()` 函数加载 XML 文件，以及如何使用 jQuery 的选择器和方法来解析和显示 XML 数据。在实际应用中，可以根据需求进行更复杂的数据...
本主题将深入探讨如何使用jQuery解析XML数据，并利用这些数据实现省市二级联动的效果。这种功能常见于地理选择，用户在选择省份后，下拉菜单会自动更新展示对应省份的城市选项。 首先，我们需要理解XML（Extensible...
本篇文章将深入探讨如何使用jQuery来加载和解析XML数据，这是一种常见用于传输和存储结构化数据的方式。 首先，我们需要理解XML（Extensible Markup Language）。XML是一种标记语言，允许我们创建自定义的标签来...
标题中的“轻松使用jQuery解析XML”意味着我们将探讨如何利用JavaScript库jQuery处理XML文档，以便在Web应用程序中方便地获取和操作数据。XML（可扩展标记语言）是一种结构化数据格式，常用于存储和传输数据。jQuery...
当涉及到从XML文件中获取数据时，jQuery提供了一种简洁的API，使得开发者可以方便地处理XML文档。本篇文章将深入探讨如何使用jQuery来读取XML，并通过实例详细解析相关知识点。 一、jQuery.parseXML()函数 在...
本文的例子展示了jQuery解析XML文件的方法，代码简洁且易于理解。虽然示例中是通过AJAX方式从本地或服务器获取XML文件，但在实际应用中，也可以通过直接将XML文件嵌入HTML文档中，再通过JavaScript读取和解析XML内容...
### jQuery解析XML：深入理解与应用 在Web开发中，数据的处理与展现是至关重要的环节，而XML（可扩展标记语言）作为一种广泛使用的数据交换格式，其在数据存储、传输以及解析方面扮演着重要角色。jQuery，作为一款...
解析XML：使用`parseXML()`函数将返回的XML字符串转化为DOM对象，方便进行DOM操作。\n3. 遍历XML节点：递归遍历XML文档的每个节点，根据节点的层级关系创建相应的HTML元素（如`<ul>`和`<li>`）。\n4. 添加事件监听...
本文将深入探讨如何使用jQuery解析XML（eXtensible Markup Language）文件，这是一种结构化数据存储格式，常用于数据交换和网页应用程序。 首先，我们需要了解jQuery的核心功能之一——`$.ajax()`方法，它是进行...
XML文档由元素、属性、文本内容和注释组成，它的设计目标是传输和存储数据，而非显示数据。XML的灵活性使其在多种应用场景下都非常有用，但其相对复杂的语法和解析过程可能会比JSON更耗时。 **jQuery的JSON与XML...
本文将详细讲解如何使用jQuery解析XML文档以及获取XML节点的名称。 首先，让我们了解XML（eXtensible Markup Language）。XML是一种标记语言，常用于存储和传输结构化数据。它通过标签来定义数据的结构，可以被各种...
JavaScript中的XML解析器是用于处理XML数据的关键工具，它允许开发者在浏览器环境中解析XML文档或者XML字符串，从而在Web应用中有效地使用这些数据。XML（eXtensible Markup Language）是一种结构化数据语言，常用于...
JQuery解析XML数据的几个简单实例中，JQuery是JavaScript的一个库，它简化了JavaScript编程。在处理XML数据方面，JQuery提供了一套非常便捷的方法来解析和操作XML文档。XML是“可扩展标记语言”（Extensible Markup ...
在本场景中，我们关注的是如何解析XML文件并将其中的数据导入到数据库，然后在前端进行分页展示。这个过程涉及到的主要技术栈包括DOM4J库、数据库操作以及前端分页技术。 首先，DOM4J是Java中一个非常流行的XML处理...
标题和描述中提到的关键词有“jQuery”，“解析XML文件”，“动态增加js文件”。这三个关键词共同指向了一个主题，即在使用jQuery技术时，如何解析XML文件，并根据XML文件中的内容动态地向网页中增加JavaScript文件...