在jQuery中利用AJAX加载XML数据并解析

本文介绍了XML文件在不同编程语言中正确配置Content-Type的方法,并强调了XML结构的重要性,包括元素的封闭性和正确的嵌套。此外,还展示了如何使用jQuery进行XML数据的遍历和解析,确保服务器端和文件本身的编码一致性。

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

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

2,xml结构。
XML一定要封闭的,很重要!
例:
错误的XML

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

正确的

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <stulist>
  3.         <student email="1@1.com">
  4.               <name>zhangsan</name>
  5.               <id>1</id>
  6.         </student>
  7.         <student email="2@2.com">
  8.               <name>lisi</name>
  9.               <id>2</id>
  10.         </student>
  11. </stulist>

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

  1. $.ajax({
  2. url:'ajax.asp',
  3. type: 'GET',
  4. dataType: 'xml',//这里可以不写,但千万别写text或者html!!!
  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 idvalue=$(this).children("id").text(); //取文本
  13.          alert(id_value);//这里就是ID的值了。
  14.          alert($(this).attr("email")); //这里能显示student下的email属性。
  15.          //最后么输出了,这个是cssrain的写法,貌似比macnie更JQ一点
  16.          $('<li></li>')
  17.             .html(id_value)
  18.             .appendTo('ol');
  19.       });
  20. }
  21. });

最后补充一条:保证服务器端是utf-8的编码,否则会乱码!同时也要保证你的xml文件也是utf-8
格式的:-)

转载于:https://www.cnblogs.com/qiantuwuliang/archive/2009/11/23/1609117.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值