正确用JQ的AJAX加载XML并解析

• 博客园
• 闪存
• 首页
• 新随笔
• 联系
• 管理
• 订阅
  随笔- 93  文章- 5  评论- 34 

  正确用JQ的AJAX加载XML并解析

  1,Content-Type
  很多时候无法解析就是Content-Type的问题。
  如果本身就是xml文件，请跳过这一步
  动态生成的XML一定要将其设置为text/xml，否则默认就是text/html也就是普通的文本了。
  常见语言的Content-Type设置

  header("Content-Type:text/xml");    //php response.ContentType="text/xml"   //asp response.setHeader("ContentType","text/xml");  //jsp

  2，xml结构。
  XML一定要封闭的，很重要！
  例：
  错误的XML

  <?xml version="1.0" encoding="UTF-8"?>         <name>zhangsan</name>         <id>1</id>         <name>lisi</name>         <id>2</id>

  正确的

  <?xml version="1.0" encoding="UTF-8"?> <stulist>         <student  email="1@1.com">                   <name>zhangsan</name>                 <id>1</id>         </student>         <student  email="2@2.com">                <name>lisi</name>                 <id>2</id>         </student> </stulist>

  3,解析
  这里引用macnie的
  遍历student（这里还是用上面那个XML，子节点是student)

  $.ajax({     url:'ajax.asp',     type: 'GET',     dataType: 'xml',//这里可以不写，但千万别写text或者html!!!     timeout: 1000,     error: function(xml){         alert('Error loading XML document'+xml);     },     success: function(xml){         $(xml).find("student").each(function(i){             var id=$(this).children("id"); //取对象             var id_value=$(this).children("id").text(); //取文本             alert(id_value);//这里就是ID的值了。             alert($(this).attr("email")); //这里能显示student下的email属性。             //最后么输出了，这个是cssrain的写法，貌似比macnie更JQ一点             $('<li></li>')                 .html(id_value)                 .appendTo('ol');         });     } });

  4,禁用缓存
  如果你直接使用ajax方法，可以使用cache:false来禁用缓存
  注意，是cache:false而不是cache:"false"。布尔值false不是字符串的"false"。
  如果你是用get或者post方法，可以在url后面加上时间戳。比如"xml.php?ts"+(+new Date)
  注意，不要用随机数，你无法预料到随机数会不会再次随机到……
  但是在一切正常的情况下，时间戳是肯定不会重复的。
  
  最后补充一条：保证服务器端是utf-8的编码，否则会乱码！
  好啦，完工了，其实也不复杂，对吧？