jquery - 使用 jQuery 包含 XML 节点值

Question

我的困境:

我的服务器上有一些我想通过 AJAX 调用连接的东西:

• 一个 XML 文件

• 一个 HTML 测试索引

• 一个装满 HTML 副本的文件夹

• 一些 jQuery 脚本

XML 保存 HTML 副本的相对地址。 jQuery 应该获取该节点值和我在测试索引页上的一些 DIV。最终，索引页面应该在没有完全重新加载的情况下更新它的一些 HTML，就像我的 AJAX 研究所说的那样。

不幸的是，我几乎不知道自己在做什么。

这就是我正在使用的:

$(document).ready(function(){
    $('#header').click(function(){
        $('p#test').html('At least <em>this</em> works');    
        $.ajax({
            type: "GET",
            url: "archives.xml",
            datatype: "xml",
            success: function(xml){
                $('div#viewer').append($(this).find('title')).text();
            }
        });
    });
});

我的 AJAX 调用没有做任何事情。我知道我做错了什么，但此时我很高兴我消除了 DOM 4 错误和意外 token 错误。

这是我尝试调用和导航并从中获取数据的测试 XML:

<archives>
    <entry>
        <date>
            <year>2011</year>
            <month>April</month>
            <day>1</day>
        </date>
        <title>Trees!</title>
        <deck>and something that definitely isn't a tree</deck>
        <source>./copy/1april2011.html</source>
    </entry>
</archives>

我已经知道的:

• 我知道 javascript 无法访问本地文件系统。这些都是我在网上遇到的问题。

• jQuery 选择器据说不能与 XML DOM 兼容？至少这是我过去五六年从各种博客中收集到的内容。

• 我知道 JSON，但我很难将 XML 转换为 JSON。整个大括号语法有点困惑。

问题:

• 我的成功函数有什么问题？它模仿了我读过的教程，但我显然搞错了。

• 一旦我从 XML 中获取了一个值，我是否可以将该值包含在一个变量中，以便 AJAX 调用外部的函数能够读取它？

Answer 1

jquery 选择器 a 不用于解析包含 jquery 对象中的 xml 的 xml，并且以这种方式解析它是浏览器相关的使用 .parseXML相反

这是一个演示 http://jsfiddle.net/AKJwF/3/

$(document).ready(function(){
    $('#header').click(function(){
        $('p#test').html('At least <em>this</em> works');    
        $.ajax({
            type: "GET",
            url: "archives.xml",
            datatype: "xml",
            success: function(xml){
             xmlDoc = $.parseXML( xml ),
             $xml = $( xmlDoc ),
             $title = $xml.find( "title" ).text();
                $('div#viewer').append($title);
            }
        });
    });
});