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是循环执行,即多次弹出。 alert($(this).attr("name"));//取得属性的方法 }); } }) }); </script> </head> <body> <form id="form1" runat="server"> <div> </div> </form> </body> </html> |