通过ajax获取xml数据并显示

原创 2015年11月17日 23:14:43

xml代码:

<?xml version="1.0" encoding="UTF-8"?>
<persons>
<student>xue</student>
<teacher>xie</teacher>
</persons>

ajax代码:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Ajaxjs</title>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function() {
$("#input").click(function() {
$.ajax({
type : "POST",
url : "http://localhost:8080/AjaxJs/Test.xml",
error : function(xml) {
alert("error");
},
success : function(xml) {
alert("ok");


$(xml).find("persons").each(function(i) {
var student = $(this).children("student").text();
$("#mydiv").html(student);


})


}


})


})


})
</script>
</head>


<body>
<input type="submit" value="提交" id="input">
<div id="mydiv"></div>
<br>
</body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。

ajax接收xml数据(简单的注册案例)

源码: //==============================================register.php 用户注册 //创建ajax引擎 functio...
  • lzz360
  • lzz360
  • 2013年10月11日 15:47
  • 2108

ajax异步请求 返回xml文件,读取xml

1,前台页面:      //引入脚本文件 2,js脚本:Jquerry Ajax $.ajax({                 url: "/Ajax/CreateXml"   //后台处...

Ajax传输Json和xml数据

ajax传输xml数据:只要把数据封装成xml格式就可以实现传输,前台js用responseXML接收xml参数,后台读取用流和dom4j来解析前台页面 ...

Ajax发送XML数据及解析

Ajax-XML技术: 将前台数据封装成XML数据,可以实现发送更复杂的数据。 流程:前台将数据拿到以后,封装成XML数据,向后台发送,后台接收到数据以后,用dom4j技术解析。     后台也...

在jQuery中利用AJAX加载XML数据并解析

在jQuery中利用AJAX加载XML数据并解析   1,Content-Type 很多时候无法解析就是Content-Type的问题。 如果本身就是xml文件,请跳过这一步 动态生...
  • hephec
  • hephec
  • 2014年12月18日 17:41
  • 967

AJAX 对服务器返回的XML的处理js和jquery

在AJAX 中,服务器端如果返回的XML 文档,则可以通过异步对象的responseXML 属性来获取器XML 数据。而开发者可以利用DOM 的相关方法对其进行处理。   假设服务器返回的X...
  • Baple
  • Baple
  • 2013年08月31日 10:35
  • 3870

jquery-ajax请求action读取oracle数据库clob字段xml数据格式化显示(struts2)

1.页面js function showXML(aa,bb){ $.ajax({ url : encodeURI("showXML.action?aa="+aa+"&bb="+bb...

jquery Ajax 方法返回数据的获取,包括JSON,XML,TXT

JQuery提供了一系列的全局方法对XMLHttpRequest对象进行了封装,在进行Ajax开发过程中再也不用担心浏览器客户端的不致性问题了。 一、$.ajax(options) 它是最根本...

ajax如何逐级分层对应获取xml文档数据?

如下是一个点击逐级展开的4层目录树效果,目录树中的数据从一个非常大的相同结构的xml文件中获取,当打开页面时,获取对应的前两层数据,当鼠标点击一个列表项,再实时获取这个列表项下两层(就是下下层,因为下...

Ajax获取XML格式的数据

XML格式数据的解析优点: XML是一种通用的数据格式。 不必把数据强加到已定义好的格式中,二是要为数据自定义合适的标记 利用DOM可以完全掌控文档。 缺点: 如果文档来自于服务器,就必须得保证文档含...
  • LHJBK
  • LHJBK
  • 2016年11月11日 22:07
  • 254
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:通过ajax获取xml数据并显示
举报原因:
原因补充:

(最多只允许输入30个字)