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

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);

    });

}

问题是 xmlParser() 函数在成功的 ajax 请求后没有被调用。它显示 123 警报而不是 456 警报。是我做错了什么，还是教程有误？

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

Answer 1

Why doesn't this function load after a successful ajax call in jquery?

确实如此。

来自 JavaScript 错误控制台:

XMLHttpRequest cannot load http://papermashup.com/demos/jquery-xml/books.xml. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access.

您的请求不成功(至少在 Ajax 术语中，它是严格的 HTTP 术语，但您从中请求数据的站点未授予浏览器提供数据的权限从 JSFiddle 到 JavaScript)。