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>