`

jquery 解析 xml

    博客分类:
  • AJax
阅读更多
<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('') 这个方法可以获得获得属性

xxx.jsp 的代码
response.setContentType("text/XML");
out.print(xml);

我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>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics