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

/******1,content-type 02    很多时候无法解析就是Content-Type的问题。

03    如果本身就是xml文件，请跳过这一步04    动态生成的XML一定要将其设置为text/xml，否则默认就是text/html也就是普通的文本了。

05    常见语言的Content-Type设置*********/ 06 07    header("Content-Type:text/xml"); //php 08    response.ContentType="text/xml" //asp 09    response.setHeader("ContentType","text/xml");  //jsp 10    /******11    2，xml结构。

12    XML一定要封闭的，很重要！

13    例：14    错误的XML*********/ 15 16    17    zhangsan18    119    lisi20    221 22    //正确的23 24    25    26    27    zhangsan28    129    30    31       lisi32    233    34    基于jQuery的AJAX和JSON的实例 中文WORD版本文档主要讲述的是基于jQuery的AJAX和JSON的实例；过jQuery内置的AJAX功能，直接访问后台获得JSON格式的数据，然后通过jQuer把数据绑定到事先设计好的html模板上，直接在页面上显示。有需要的朋友可以下载看看下载35 36    /******37    3,解析38    这里引用macnie的39    遍历student（这里还是用上面那个XML，子节点是student)*********/ 40 41 42    $.

ajax ({43    url:'ajax.asp',44    type: 'GET',45    dataType: 'xml',//这里可以不写，但千万别写text或者html!!!46    timeout: 1000,47    error: function(xml){48          alert('Error loading XML document'+xml);49    },50    success: function(xml){51           $(xml).find("student").each(function(i){52             var id=$(this).children("id"); //取对象53             var idvalue=$(this).children("id").text(); //取文本54             alert(id_value);//这里就是ID的值了。

55             alert($(this).attr("email")); //这里能显示student下的email属性。

56             //最后么输出了，这个是cssrain的写法，貌似比macnie更JQ一点57             $('

') 58                .html(id_value) 59                .appendTo('ol');60          });61    }62    });63 64    //最后补充一条：保证服务器端是utf-8的编码，否则会乱码！同时也要保证你的xml文件也是utf-8格式的。

以上就是在jQuery中利用AJAX加载XML数据并解析的内容，更多相关内容请关注PHP中文网（www.php.cn）！