jquery解析xml

http://www.080909.com/wordpress/2008/10/%e7%94%a8jquery%e8%a7%a3%e6%9e%90xml/

http://blog.csdn.net/futurezwl/archive/2009/03/21/4011771.aspx

http://blog.csdn.net/jiangyu912/archive/2009/09/08/4532589.aspx

http://blog.csdn.net/greatverve/archive/2008/12/25/3601620.aspx

http://blog.sina.com.cn/s/blog_4b81125f0100fca2.html

 

 

 http://topic.csdn.net/u/20081228/22/f3cee0ae-64e4-4085-9fc9-a059df70d31c.html

 

使用Jquery解析XML:
 $.ajax({
      url: 'ajax/test.xml',
      dataType : 'xml',
      cache: false, 
      success: function(xml) {
            $("AUTHOR", xml).each(function(id) {
                 AUTHOR = $("AUTHOR", xml).get(id);
                 alert($("FIRSTNAME", AUTHOR).text());
                 alert($("LASTNAME", AUTHOR).text());
            });
      }
 });
以上方式:IE7无法通过,Firefox可以运行。
可以使用以下方式来获取XML节点内容:
 $.ajax({
      url: 'ajax/test.xml',
      dataType : 'xml',
      cache: false, 
      success: function(xml) {
            $("AUTHOR", xml).each(function(id) {
                 //AUTHOR = $("AUTHOR", xml).get(id);
                 alert($(this).children("FIRSTNAME").text());
                 alert($(this).children("LASTNAME").text());

            });
      }
 });
 
 
1,Content-Type
很多时候无法解析就是Content-Type的问题。(呵呵,我第一次做ajax的时候,就遇到这个问题.)
一定要将其设置为text/xml,否则默认就是text/html也就是普通的文本了。
常见语言的Content-Type设置
CODE:
header("Content-Type:text/xml");    //php
response.ContentType="text/xml"   //asp
response.setHeader("ContentType","text/xml");  //jsp   (我上次这没写,结果返回 是一个 "" )

2,xml结构。
XML一定要封闭的,很重要! (这个我一般不会范,我还是算比较细心的.)
例:
错误的XML
Xml代码
  1. CODE:   
  2. xml version="1.0" encoding="UTF-8"?>  
  3.         <name>zhangsanname>  
  4.         <id>1id>  
  5.         <name>lisiname>  
  6.         <id>2id>  
  7.   
  8. 正确的  
  9. CODE:   
  10. xml version="1.0" encoding="UTF-8"?>  
  11. <stulist>  
  12.         <student  email="[email protected]">     
  13.                 <name>zhangsanname>    
  14.                 <id>1id>  
  15.         student>  
  16.         <student  email="[email protected]">  
  17.                <name>lisiname>  
  18.                 <id>2id>  
  19.         student>  
  20. stulist>  
CODE:  zhangsan 1 lisi 2 正确的 CODE:    zhangsan 1   lisi 2  

3,解析
遍历student(这里还是用上面那个XML,子节点是student)
CODE:
Js代码
  1. $.ajax({   
  2.     url:'ajax.jsp',   
  3.     type: 'GET',   
  4.     dataType: 'xml',   
  5.     timeout: 1000,   
  6.     error: function(xml){   
  7.         alert('Error loading XML document'+xml);   
  8.     },   
  9.     success: function(xml){   
  10.         $(xml).find("student").each(function(i){   
  11.             var id=$(this).children("id");   //取对象   
  12.             var id_value=$(this).children("id").text();  //取文本 或者 $("id" , xml).text();    
  13.             alert(id_value);//这里就是ID的值了。   
  14.             alert($(this).attr("email")); //这里能显示student下的email属性。   
  15.             $('
  16. ').html(id_value).appendTo('ol');   
  17.         });   
  18.     }   
  19. });  
  1. $.ajax({   
  2.     url:'ajax.jsp',   
  3.     type: 'GET',   
  4.     dataType: 'xml',   
  5.     timeout: 1000,   
  6.     error: function(xml){   
  7.         alert('Error loading XML document'+xml);   
  8.     },   
  9.     success: function(xml){   
  10.         $(xml).find("student").each(function(i){   
  11.             var id=$(this).children("id");   //取对象   
  12.             var id_value=$(this).children("id").text();  //取文本 或者 $("id" , xml).text();    
  13.             alert(id_value);//这里就是ID的值了。   
  14.             alert($(this).attr("email")); //这里能显示student下的email属性。   
  15.             $('
  16. ').html(id_value).appendTo('ol');   
  17.         });   
  18.     }   
  19. }); 

 

 

 

$(function(){
            GetXmlDoc.Read(
"treeview.xml");
        });    
       
var GetXmlDoc={
            Read:
function(filePath)
            {
               $.ajax({
                 type:
"GET",
                 url: filePath,
                 dataType:
"xml",
                 success:
function(xml){GetXmlDoc.HandXml(xml);}
               });
            },
            HandXml:
function(xml)
            {
               
var a=0;
               
var b=0;
               
var result="";
                                    
                $(xml).find(
'List').each(               
                        
function(){                     
                           $(
this).find('CB').each(
                              
function()
                               { 
                                  a
++;
                                  result
+= "

  • "+a+"').toggle('slow');/">"+$(this).attr('cname')+ "("+$(this).attr('cid')+")
  • "+"
      "
                                                                           
                                        $(
      this).find('CS').each(
                                            
      function(){
                                                 b
      ++;
                                                 result
      +="
    • "+$(this).attr('cname')+"("+$(this).attr('cid')+")
    • ";
                                                 }
                                             );
                                            
                                        result
      +="
    ";                          
                                   }
                               );
                            }
                        );
                       
                        setTimeout(
    function(){
                            $(
    '#ul_id').html(result).show('slow');
                        },
    2000);
                  
                }
           
            };

    你可能感兴趣的:(社会)