jQuery 操作XML入門
更新時間：2008年12月25日 12:19:27 作者：
jQuery 操作Xml 入門級代碼
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是循環(huán)執(zhí)行，即多次彈出。
alert($(this).attr("name"));//取得屬性的方法
});
}
})
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
</html>
復(fù)制代碼 代碼如下:
<?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
復(fù)制代碼 代碼如下:
<%@ 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是循環(huán)執(zhí)行，即多次彈出。
alert($(this).attr("name"));//取得屬性的方法
});
}
})
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
</html>
相關(guān)文章
防止jQuery ajax Load使用緩存的方法小結(jié)
本篇文章主要是對防止jQuery ajax Load使用緩存的方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹了JQuery對表單元素的基本操作使用總結(jié),需要的朋友可以參考下2014-07-07
剛開始學(xué)jQuery，于是想試試學(xué)習(xí)效果，所以就做了個這個TextBox自動完成條，練習(xí)練習(xí)。請牛人們別笑話。2009-07-07
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)視頻展示效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
jQuery中each()、find()和filter()等節(jié)點(diǎn)操作方法詳解(推薦)
這篇文章主要介紹了jQuery中each()、find()和filter()等節(jié)點(diǎn)操作方法的相關(guān)資料,非常不錯具有參考價值,需要的朋友可以參考下2016-05-05
jquery實(shí)現(xiàn)超簡單的瀑布流布局【推薦】
本文主要介紹了jquery實(shí)現(xiàn)超簡單的瀑布流布局的實(shí)例，代碼簡單，容易修改。下面跟著小編一起來看下吧2017-03-03
基于jquery的下拉框改變動態(tài)添加和刪除表格實(shí)現(xiàn)代碼
以前很少用jquery，現(xiàn)在工作需要，用上了，感覺真的很方便！不用再像以前那樣寫那么多多余的Js了！看來得在jquery上花點(diǎn)功夫呢！2011-03-03利用jQuery插件imgAreaSelect實(shí)現(xiàn)圖片上傳裁剪（放大縮?。?/a>
本篇文章主要對jQuery插件imgAreaSelect實(shí)現(xiàn)圖片上傳裁剪（放大縮?。┑氖褂米隽撕喴治稣f明。需要的朋友來看下吧2016-12-12
Jquery 實(shí)現(xiàn)Tab效果 思路是js思路
Jquery 實(shí)現(xiàn)Tab效果，思路就是普通的用js的思路控制的，腳本之家發(fā)布過更精簡的代碼，這個比較適合一直用js開始學(xué)用jquery控制的朋友一個參考。2010-03-03
jQuery validata插件實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query validata插件實(shí)現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06