通过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>

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

相关文章推荐

Jquery Ajax 读取XML 数据

$(document).ready(function () { $("#Display").click(function () { $("#me...
  • ws_hgo
  • ws_hgo
  • 2011-08-01 14:50
  • 13390

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

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

Ajax获取XML格式的数据

XML格式数据的解析优点: XML是一种通用的数据格式。 不必把数据强加到已定义好的格式中,二是要为数据自定义合适的标记 利用DOM可以完全掌控文档。 缺点: 如果文档来自于服务器,就必须得保证文档含...
  • LHJBK
  • LHJBK
  • 2016-11-11 22:07
  • 217

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

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

ajax请求获取xml数据结构

使用Ajax请求,获取xml数据结构,在IE10、11会出现错误: 请求xml文件为: 在IE 10以上浏览器中: 查看文档,我们发现: 针对这种情况,我们需要对...

Ajax读取xml数据类型例子

  • 2011-10-16 15:29
  • 10KB
  • 下载

ajax之xml数据的服务器端发送和客户端接收。

本人菜鸟一枚,最近在开发网站时用到了ajax开发。其中有一个是实现网页图片的无刷新换页。具体来说,就是点击”下一页“或”上一页“,客户端执行javascript代码,从服务器获取图片的src以及相关信...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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