关闭

通过ajax获取xml数据并显示

912人阅读 评论(0) 收藏 举报
分类:

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>

0
0
查看评论

jquery ajax 请求、解析返回来的xml数据

jquery ajax 异步请求,处理返回来的xml数据
  • xiaoling123456789
  • xiaoling123456789
  • 2014-11-12 20:45
  • 1312

Jquery Ajax 读取XML 数据

$(document).ready(function () { $("#Display").click(function () { $("#message").html(''); ...
  • ws_hgo
  • ws_hgo
  • 2011-08-01 14:50
  • 14143

ajax通过xml交互数据

页面代码: script type="text/javascript"> function sendXML(){ //获取参数 var name = document.getElementById("nm").value; var p...
  • lengjinghk
  • lengjinghk
  • 2016-09-11 00:52
  • 901

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

1,前台页面:      //引入脚本文件 2,js脚本:Jquerry Ajax $.ajax({                 url: "/Ajax/CreateXm...
  • rj532029887
  • rj532029887
  • 2015-01-08 09:58
  • 4255

JQuery解析xml的两种方式$.get和$.ajax

首先,要让JQuery加载xml文件,如下,有两种方式: 第一种:$.get("xmlfile.xml",function(xml){ //xml即为可以读取使用的内容,具体读取见第2点 });第二种: $(document).ready(function() { $.aj...
  • fxtxz2
  • fxtxz2
  • 2012-05-06 18:58
  • 4788

用Ajax读取xml文件的简单例子

Ajax的原理很简单,就是在客户端创建一个XMLHttpRequest对象(用来与服务器进行异步通信,这就是Ajax的核心,其实我们早就在用异步通信了,只是没把这项技术用在网页设计中而已),为该对象的onreadystatechange 属性添加一个事件,当对象的readyState改变的时候就会引...
  • lixianlin
  • lixianlin
  • 2008-04-24 04:45
  • 3640

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

源码: //==============================================register.php 用户注册 //创建ajax引擎 function getXmlHttpObject(){ var xmlHttpRequest; //不同...
  • lzz360
  • lzz360
  • 2013-10-11 15:47
  • 2162

Ajax 之 (一)无刷新分页、xml信息的接收和处理、对缓存的处理

Ajax什么是ajaxAjax: asynchronous javascript and xml (异步js和xml) 其是可以与服务器进行(异步/同步)交互的技术之一。 ajax的语言载体是javascript。 最大特点:页面不刷新 ajax出现的历史1999年,微...
  • znyyjk
  • znyyjk
  • 2016-09-13 22:06
  • 1124

通过ajax获取xml数据并显示

Ajax-js             $(function(){     $("#input").click(function(){  ...
  • LiuShuXiaDeRiLuo
  • LiuShuXiaDeRiLuo
  • 2015-11-17 23:14
  • 912

ajax请求获取xml数据结构

使用Ajax请求,获取xml数据结构,在IE10、11会出现错误: 请求xml文件为: 在IE 10以上浏览器中: 查看文档,我们发现: 针对这种情况,我们需要对ajax请求进行重写,针对IE跟非IE使用不同的方式解析xml文档数据: demo 1: ...
  • xingxing1828
  • xingxing1828
  • 2015-08-27 15:54
  • 980
    个人资料
    • 访问:26070次
    • 积分:1104
    • 等级:
    • 排名:千里之外
    • 原创:85篇
    • 转载:3篇
    • 译文:3篇
    • 评论:1条
    最新评论