【第22期】观点:IT 行业加班,到底有没有价值?

通过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获取数据然后显示在页面

主要功能流程介绍循环获取列表数据 点击列表数据进入详情页 点击报名参加弹出报名成功提示框 点击提示框中的确定按钮,跳回列表页代码实现流程和解说一、列表页1、访问链接list.php时...

根据ajax发送数据,从servelt中读取xml数据并显示,实现查询、删除和分页

根据ajax发送数据,从servelt中读取xml数据并显示,实现查询、删除和分页 首先我们必须知道ajax发送的几个步骤,我们以以下解析的为例:当点击查询按钮的时候要从数据库中查询出所有数据,并用xml读取,在查询的同时实现分页,并且可以在右边操作的时候可以实现删除,通过删除所选项和删除全部...

程序员升职加薪指南!还缺一个“证”!

CSDN出品,立即查看!

Bootstrap 分页插件 ajax获取数据显示

bootstrap-paginator

ajax 获取 后台数据,前端 select option中显示出来

ajax 获取 后台数据,前端 select option中显示出来 [code="java"] function getcity(){ var pvid = $('pvid'); var ajax = new Ajax.R...

JS使用ajax从xml文件动态获取数据显示的方法

本文实例讲述了JS使用ajax从xml文件动态获取数据显示的方法。分享给大家供大家参考。具体分析如下: 下面的JS代码通过ajax检索xml文件的内容动态展示到网页,真个页面无刷新 ?...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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