在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警報。 我做錯了什么，還是本教程錯了？

我在這里包括了一個相關的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）。