Jquery的Ajax读取Xml

最新推荐文章于 2021-11-02 16:52:16 发布

iteye_2903

最新推荐文章于 2021-11-02 16:52:16 发布

阅读量69

点赞数

分类专栏： jQuery 文章标签： XML Ajax jQuery Java HTML ViewUI

jQuery 专栏收录该内容

39 篇文章 0 订阅

订阅专栏


<%@ 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>