jquery 解析 xml

just posted @ 2009年5月05日 21:24 in web , 1069 阅读

来源

 

<script language="javascript" src="scripts/jquery.js"></script>
     <script type="text/javascript">     
      $.ajax({
                    type: "GET",
                    url: "xxx.jsp",
                    dataType: "xml",
                    data: "fid=${param.fid}",                 
                    success: function(data) {                   
                    var name ="";
                    var content = "";
                    var date = "";                 
                       $(data).find('item').each(function(){                       
          name = $(this).find('name').text();
          content = $(this).find('content').text();
          date = $(this).find('date').text();
这下面都是把解析后的xml赋值给界面
          $('<li style="padding-bottom: 2px;padding-top: 2px;"></li>').html("<span class=spa>" +name + "&nbsp;&nbsp;&nbsp;&nbsp;</span>(" + date + ")<br/>" + content).appendTo('#content ol');           
          })
          $(".stripe li").mouseover(function(){
                     $(this).addClass("over");}).mouseout(function(){
                    $(this).removeClass("over");})
                    $(".stripe li .spa").addClass("alt");
       //   $(".stripe li:even .spa").removeClass("alt1").addClass("alt");
       }
       });
     </script>
$('').attr('') 这个方法可以获得获得属性
 

我xml的格式:

 

<?xml version="1.0" encoding="utf-8"?>
<root>
<item>
   <name>nick</name>
   <date>2008-06-12 02:57:42</date>
   <content>fsdfasdf</content>
</item>
</root>
 
  • 无匹配
  • 无匹配

登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter