正确用jQuery的AJAX加载XML并解析-优快云博客

本文介绍了使用AJAX处理XML数据时常见的问题及解决方法，包括设置正确的Content-Type、确保XML结构完整封闭以及如何通过jQuery解析和遍历XML节点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

正确的

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

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

Code
$.ajax({
    url:'ajax.jsp',
    type: 'GET',
    dataType: 'xml',
    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();  //取文本或者 $("id" , xml).text();
            alert(id_value);//这里就是ID的值了。
            alert($(this).attr("email")); //这里能显示student下的email属性。
            $('<li></li>').html(id_value).appendTo('ol');
        });
    }
});

转载于:https://www.cnblogs.com/toddfsy/archive/2009/02/04/1383640.html