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>
復制代碼 代碼如下:
<?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>
相關文章
![jquery 入門教程 [翻譯] 推薦](http://img.jbzj.com/images/xgimg/bcimg0.png)
此文以實例為基礎一步步說明了jQuery的工作方式。現(xiàn)以中文翻譯（添加我的補充說明）如下。如有相關意見或建議請 EMAIL 告知。或者在 BLOG中留言。2009-08-08
本篇文章主要是對jquery中get,post和ajax方法的使用進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)簡易聊天框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
基于jquery實現(xiàn)的鼠標拖拽元素復制并寫入效果
基于jquery實現(xiàn)的鼠標拖拽元素復制并寫入效果的實現(xiàn)代碼，需要的朋友可以參考下。2011-08-08
相信很多人用過jquery easyui，這個東西非常好用，界面也很美觀，你都不需要在界面上花太多的工夫，例子程序也比較完善，基本上看下例子就能很好的使用easyui了，很方便。2010-03-03
快速掌握jquery分頁插件jqPaginator的使用方法
這篇文章主要幫助大家快速掌握jquery分頁插件jqPaginator的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
在DOM對象的實踐操作中,存在用于綁定事件的bind方法,也會有相應的移除綁定事件unbind方法，接下來將介紹unbind方法的使用，感興趣的朋友可以不要錯過了啊，或許本文對你有所幫助2013-02-02
使用jQuery監(jiān)聽掃碼槍輸入并禁止手動輸入的實現(xiàn)方法(推薦)
基于jQuery的掃碼槍監(jiān)聽。如果只是想實現(xiàn)監(jiān)聽獲取條碼掃碼信息，可以直接拿來使用，如果有更多的條碼判斷處理邏輯需要自己擴展哦2017-03-03
本篇文章主要是對Jquery實現(xiàn)可多選的下拉框的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹了jQuery+ajax中getJSON() 用法實例,需要的朋友可以參考下2014-12-12