编程 Javascript

jQuery 操作XML入门

Posted in Javascript onDecember 25, 2008

XMLFile.xml

<?xml version="1.0" encoding="utf-8" ?> 
<msglist> 
<msg name="11"> 
<id>1</id> 
<content>content1</content> 
</msg> 
<msg name="22"> 
<id>2</id> 
<content>content2</content> 
</msg> 
</msglist>

jqXmlFirst.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="jqXmlFirst.aspx.cs" Inherits="jqueryXml_jqXmlFirst" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
<title>jQuery操作Xml入门</title> 
<script type="text/javascript" src="../js/jquery-1.2.6.js"></script> 
<script type="text/javascript"> 
$(function(){ 
$.ajax({ 
url:"XMLFile.xml", 
dataType:"xml", 
error: function(xml){ 
alert('Error loading XML document'+xml); 
}, 
success:function(xml){ 
$(xml).find("msglist > msg").each(function(){ 
alert($(this).find("content").text());//each是循环执行，即多次弹出。 
alert($(this).attr("name"));//取得属性的方法 
}); 
} 
}) 
}); 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
</div> 
</form> 
</body> 
</html>

jQuery 操作XML入门

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

CSS+Jquery实现页面圆角框方法大全

Dec 24 Javascript

网站页面自动跳转实现方法PHP、JSP（下）

Aug 01 Javascript

jQuery中Find选择器用法示例

Sep 21 Javascript

jquery插件bootstrapValidator表单验证详解

Dec 15 Javascript

BootStrap学习笔记之nav导航栏和面包屑导航

Jan 03 Javascript

数组Array的一些方法(总结)

Feb 17 Javascript

Vue2.0系列之过滤器的使用

Mar 01 Javascript

详解JavaScript中的数组合并方法和对象合并方法

May 11 Javascript

详解vue中axios的使用与封装

Mar 20 Javascript

layUI实现列表查询功能

Jul 27 Javascript

详解element-ui表格中勾选checkbox，高亮当前行

Sep 02 Javascript

jquery实现聊天机器人

Feb 08 jQuery

jQuery 动画基础教程

Dec 25 #Javascript

javascript jQuery插件练习

Dec 24 #Javascript

javascript 动态数据下的锚点错位问题解决方法

Dec 24 #Javascript

javascript 网页跳转的方法

Dec 24 #Javascript

javascript prototype，executing，context，closure

Dec 24 #Javascript

JavaScript 事件参考手册

Dec 24 #Javascript

javascript XML数据显示为HTML一例

Dec 23 #Javascript