为什么在jquery中的ajax调用成功之后这个函数不加载？

Question

我使用的是这里的教程，它曾经在上个月起作用，但现在却不起作用了。我已经复制了下面的相关代码。

$(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警报。是我做错了什么，还是教程做错了？

我在这里加入了一个相关的小把戏。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提供数据的权限)。