一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

JQuery读取XML文档并显示数据例子

时间:2014-04-28 编辑:简简单单 来源:一聚教程网

1.这里得注意$.ajax的属性DataType:'XML'
2.Java中得Out.println中response.setContentType("text/xml");也必须是XML格式的
3.解析XML文档与解析DOM一样,也可以用find()、children()等函数来解析和用each()方法来进行遍历,另外也可以用text()和attr()方法来获取节点文本和属性。

1.直接读取xml文档

 代码如下 复制代码



 
  
   这里是概况(www.111com.net)
  

 

 
  
   这里是概况(www.111com.net)
  

 

 
  
   这里是概况(www.111com.net)
  

 

jquery代码

 

 代码如下 复制代码
$(document).ready(function()      
     {      
       $.get('XMLFile.xml', function(d){      
      $('body').append('

Saturn给你推荐几本书:

');      
      $('body').append('
');      
    
      $(d).find('book').each(function(){    
          var $book = $(this);       
           var title = $book.attr("title");      
           var description = $book.find('description').text();      
          var imageurl = $book.attr('imageurl');      
     
          var html = '
';      
           html += '
';      
          html += '

' + title + '

';      
          html += '

' + description + '

' ;      
           html += '
';      
     
         $('dl').append($(html));      
               
         $('.loadingPic').fadeOut(2000);      
      });      
   });      
});    
   


2.基于jquery ajax例子

 代码如下 复制代码

function StandardTaxRate()
{
    $.ajax({
        url: "/Resource/xml.php",
        dataType: 'xml',
        type: 'GET',
        timeout: 2000,
        error: function(xml)
        {
            alert("加载XML 文件出错!");
        },
        success: function(xml)
        {
            $(xml).find("taxrate").each(function(i)
            {
                var oid = $(this).attr("id");
                var lower = $(this).children("lower").text();
                var upper = $(this).children("upper").text();
                var rate = $(this).children("rate").text();
                var buckle = $(this).children("buckle").text();
                ///后续操作。。。
            });
        }
    });
}

xml.php只要返回xml格式数据即可

 代码如下 复制代码


 
 
    0
    500
    5
    0
 

 
    500
    2000
    10
    25
 

 
    2000
    5000
    15
    125
 

 
    5000
    20000
    20
    375
 

 
    20000
    40000
    25
    1375
 

 
    40000
    60000
    30
    3375
 

 
    60000
    80000
    35
    6375
 

 
    80000
    100000
    40
    10375
 

 
    100000
    99999999
    45
    15375
 

3.读取并显示xml内容

 代码如下 复制代码





jquery读取并显示xml内容





css

jquery

 代码如下 复制代码

返回的xml文档

 代码如下 复制代码




    
          钢铁是怎样炼成的
          尼古拉·奥斯特洛夫斯基
          《钢铁是怎样炼成的》是前苏联作家尼古拉·奥斯特洛夫斯基所著的一部长篇小说...
          39.9
         
    

    
          2015新编考研英语阅读理解150篇
          曾鸣,张剑,刘晓英 著 王兰花 校
          张剑,博士,毕业于英国格拉斯哥大学英国文学系,北京外国语大学英语学院教授、英语学院副院长...
          31.30
         
    

    
          文化苦旅(新版)(附赠墨宝版)
          余秋雨
          文化苦旅》一书于1992年首次出版,是余秋雨先生1980年代在海内外讲学和考察途中写下的作品...
          27.60
         
    

    
          龙应台感动亲情作品系列(套装共3册)
          龙应台,安德烈
          十五年前龙应台以一位母亲的亲身经验写下《孩子你慢慢来》...
          63.50
         
    

    
          伟人百传 影响世界的伟大人物 大32开20卷
          译心图书专营店
          每一位具有世界影响的伟大人物,都蕴藏着一部感人至深的故事。他们的丰富阅历和人生体验...
          355.00
         
    

热门栏目