jquery 解析 xml

最新推荐文章于 2021-06-18 08:54:14 发布

eason26_li

最新推荐文章于 2021-06-18 08:54:14 发布

阅读量82

点赞数

分类专栏： AJax 文章标签： XML jQuery Java Ajax JSP ViewUI

本文链接：https://blog.csdn.net/eason26_li/article/details/83441377

版权

AJax 专栏收录该内容

7 篇文章 0 订阅

订阅专栏


<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 + "    </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>