我做错了什么，无法让 JQuery 将我的 xml 文件读入 DDL？

Question

当用户选择两个单选按钮之一时，尝试将数据加载到下拉列表中。 bookGenres.xml 文件与我的脚本位于同一目录中。我没主意了。

XML：

<?xml version="1.0" encoding="utf-8" ?>
<Genres>
  <Fiction>
    <book>Sci-Fi</book>
    <book>Fantasy</book>
    <book>Horror</book>
    <book>Romance</book>
    <book>Detective</book>
  </Fiction>
  <NonFiction>
    <book>Autobiography</book>
    <book>Philosophy</book>
    <book>Cooking</book>
    <book>Historic</book>
    <book>Teaching</book>
  </NonFiction>
</Genres>

JQuery：

$('#rblGenre').click( function() {
        $('#ddlSpecificGenre > option').remove();

        $.ajax({
            type: 'GET',
            url: 'bookGenres.xml',
            dataType: 'xml',
            success: function( xml ) {
                $(xml).find( $(this).val() ).each( function() {
                    var subgenre = $(this).find('book').text();
                    $('#ddlSpecificGenre').append( "<option>" + subgenre + "</option>" );
                });
            },
            error: function() { alert( "WTF" ); }
        });
    });

Answer 1

Justen，

最可能的问题是 bookgenres.xml 可能与脚本位于同一文件夹中，但它与 jQuery 正在更新的 html 页面位于同一文件夹中吗？