Question

我正在使用上个月曾经工作过的the tutorial here，但现在却没有。我已复制下面的相关代码。

$(document).ready(function () {
    $.ajax({
        type: "GET",
        url: "http://papermashup.com/demos/jquery-xml/books.xml",
        dataType: "xml",
        success: xmlParser
    });
    alert("123");
});

function xmlParser(xml) {
    alert("456");

    $('#load').fadeOut();

    $(xml).find("Book").each(function () {

        $(".main").append('<div class="book"><div class="title">' + $(this).find("Title").text() + '</div><div class="description">' + $(this).find("Description").text() + '</div><div class="date">Published ' + $(this).find("Date").text() + '</div></div>');
        $(".book").fadeIn(1000);

    });

}

问题是在成功的ajax请求之后没有调用xmlParser（）函数。它显示123警报但不显示456警报。我做错了什么，或者教程错了吗？

我在这里包含了一个相关的jsfiddle。 http://jsfiddle.net/desbest/nwt3unxu/

Answer 1

为什么在jquery中成功调用ajax后，此函数是否加载？

确实如此。

从JavaScript错误控制台：

XMLHttpRequest无法加载http://papermashup.com/demos/jquery-xml/books.xml。请求的资源上没有“Access-Control-Allow-Origin”标头。因此，不允许原点“http://fiddle.jshell.net”访问。

您的请求不成功（至少在Ajax术语中，它是严格的HTTP术语，但您请求数据的网站未授予浏览器提供数据的权限来自JSFiddle的JavaScript。）

为什么在jquery中成功调用ajax后才加载此函数？

1 个答案: