<%@ page language="java" pageEncoding="UTF-8"%>
<%@page import="java.util.Random"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<script type="text/javascript" src="include/js/jquery-1.2.6.pack.js"></script>
<%Random ra = new Random();
int num = ra.nextInt();
%>
<script type="text/javascript">
<!--
$(document).ready(function(){
$("#btn").click(function(){
$.ajax({
url:"jq_readXml.jsp?rnum="+<%=num%>,
type:"POST",
dataType:"xml",
timeout: 1000,
error: function(xml){
alert('Error loading XML document'+xml);
},
success: function(xml){
$(xml).find("student").each(function(i){
var id=$(this).children("id"); //取对象
var id_value=$(this).children("id").text(); //取文本 或者 $("id" , xml).text();
var name_value=$(this).children("name").text();
//alert(id_value);//这里就是ID的值了。
//alert($(this).attr("email")); //这里能显示student下的email属性。
$('<li></li>').html(id_value+" "+name_value+" "+$(this).attr("email")).appendTo('ol');
});
}
});
});
});
//-->
</script>
</head>
<body>
<table align="center">
<tr>
<td><a href="#" id="btn">测试连接</a></td>
</tr>
</table>
<br>
<li>
<ol></ol>
</li>
</body>
</html>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@page import="java.io.PrintWriter"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
</head>
<body>
<%
StringBuffer bf = new StringBuffer();
bf.append("<?xml version=\"1.0\" encoding=\"UTF-8\"?>")
.append("<stulist>").append("<student email=\"1@1.com\">").append("<name>zhangsan</name>").append("<id>1</id>")
.append("</student>").append("<student email=\"2@2.com\">").append("<name>lisi</name>").append("<id>2</id>")
.append("</student>").append("</stulist>");
System.out.println(bf.toString());
response.setHeader("Content-Type","text/xml; charset=utf-8");
PrintWriter out1 = null;
out1 = response.getWriter();
out1.print(bf.toString());
out1.flush();
out1.close();
%>
</body>
</html>
分享到：
相关推荐
在使用jQuery读取XML时，可以使用`$.ajaxError()`全局事件处理器，或者在`$.ajax()`调用中设置`error`回调函数。 ```javascript $(document).ajaxError(function(event, jqXHR, ajaxSettings, thrownError) { ...
### 标题解析：“jQuery ajax读取json文件内容” 此标题直截了当，明确指出将通过jQuery的Ajax技术来获取并解析JSON文件中的数据。Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，...
本文实例讲述了jQuery+ajax读取并解析XML文件的方法。分享给大家供大家参考，具体如下： ajax.xml： <?xml version=1.0 encoding=UTF-8?> <name>zhangsan <id>1 <name>lisi <id>2 demo.html：...
在给定的标题和描述中，主要涉及两个关键知识点：使用jQuery的AJAX方法读取TXT文件和实现jQuery分页功能。接下来，我们将深入探讨这两个主题。 首先，我们来讨论如何使用jQuery的AJAX方法读取TXT文件。AJAX（异步...
**Ajax读取XML数据类型详解** 在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。在这个例子中，我们将...
本文将深入探讨如何使用jQuery读取XML文件，主要涉及`ajax`和`get`这两种方法。 首先，XML（eXtensible Markup Language）是一种用于存储和传输数据的标准格式，尤其在web开发中常用于数据交换。为了利用jQuery处理...
综上所述，"ajax读取xml动态生成树"涉及到前后端的交互、XML数据的处理、动态UI生成等多个环节，是Web开发中的一个重要技能，尤其适用于需要展示层级关系的场景。理解并掌握这一技术，能有效提升用户体验和网站功能...
本篇文章将深入探讨如何使用jQuery来读取XML和JSON数据，这两种数据格式在Web开发中广泛用于数据交换。 XML（Extensible Markup Language）是一种标记语言，用于存储和传输结构化数据。JSON（JavaScript Object ...
这个"ajax的简单案例 读取xml读取数据库信息 发送到页面上"的示例，旨在演示如何利用Ajax实现与服务器的异步交互，获取XML数据，并将这些数据动态展示在网页上。下面我们将详细探讨Ajax的基本原理、XML数据格式以及...
在本案例中，Struts2.1.8与AJAX结合，用于从服务器获取数据并动态更新视图，同时涉及了XML、GSON和jQuery JSON三种数据交换格式。 XML（Extensible Markup Language）是一种标记语言，常用于数据交换，特别是在前后...
jQuery读取XML文件的方法是前端开发中常用的技能之一，尤其是在处理与后端数据交互时，XML文件经常作为数据存储的格式。本文详细介绍了使用jQuery进行XML文件读取的实践技巧，以及在读取过程中可能出现的错误处理。 ...
教你怎么用Ztree树和Jquery Ajax结合解析XML文件成树结构。这可是完整的项目，已经调试好了，包你一下就上手。
在本示例中，将介绍如何使用jQuery结合Ajax技术实现读取XML格式的数据。XML（Extensible Markup Language，可扩展标记语言）是一种用于存储和传输数据的标记语言，它独立于平台和语言，常被用于网络数据的交换。 ...
这是我在做项目时的测试源码，利用jQuery的Ajax功能读取XML文件中指定行的数据。在IE6+和FireFox 3.0+浏览器上测试都完美通过。下载源码包后直接解压到你的网站根目录即可进行测试。详细代码说明请浏览关于此源码包...
本示例中，我们将深入探讨如何使用jQuery来读取XML文件并将其内容展示在HTML页面上。 首先，我们需要一个XML文件，例如`data.xml`，其内容可能是这样的： ```xml <name>John Doe <position>Manager <email>...
首先，文件中提到了使用jQuery发起AJAX请求来读取XML数据和与Web服务进行通信。AJAX (Asynchronous JavaScript and XML) 是一种在不重新加载整个页面的情况下，能够更新部分网页的技术，它通过HTTP请求与服务器交换...
\n\n**直接在页面写代码实现树形菜单**\n\n这种方式是基础方法，直接在HTML页面中通过jQuery读取XML文件并解析，然后动态生成树形结构。首先，需要在HTML文件中引入jQuery库（如`jquery-1.2.6.js`），然后编写...
用ajax函数读取xml，然后解析XML.html，ajax无刷新读取文件，先使用jQuery加载XML,然后建立一个代码片段，遍历所有student节点，获取id节点，获取节点文本，获取student下的email属性，构造HTML字符串，通过append...
在这个教程中，我们将深入理解如何使用jQuery中的AJAX函数来读取XML文件，进而实现二级联动效果，这对于初学者来说是一个很好的学习起点。 **一、jQuery AJAX基础** 1. **AJAX简介**：AJAX允许在不刷新整个页面的...