$ .ajax僅在Safari中工作-可能與請求有關

Question

以下腳本似乎僅在Safari中有效

function getPictures() {
    $.ajax({
            type: "GET",
            url: "getimages.php",
            dataType: "xml",
            success: function(xml) {
                alert('success');
            }

    });
}

getimages.php通過PHP動態創建xml內容。

我讀到這個問題可能與需要一個請求有關。 我從未以任何方式與Ajax合作，也沒有時間進行研究。

我該如何更改此腳本，使其在盡可能多的瀏覽器中運行？

PHP文件的XML輸出如下所示

    <image url="MY_IMAGE_URL_1.jpg" number="1">
    <image url="MY_IMAGE_URL_2.jpg" number="2">
    <image url="MY_IMAGE_URL_3.jpg" number="3">
    <image url="MY_IMAGE_URL_4.jpg" number="4">

等等

我本來以為無論文件內容如何，​​加載文件時都會調用成功函數

Answer 1

您的XML格式錯誤。

添加/關閉標簽。

<image url="MY_IMAGE_URL_1.jpg" number="1" />
<image url="MY_IMAGE_URL_2.jpg" number="2" />
<image url="MY_IMAGE_URL_3.jpg" number="3" />
<image url="MY_IMAGE_URL_4.jpg" number="4" />

Answer 2

首先，您應該在AJAX請求中添加一個error事件處理程序：

function getPictures() {
    $.ajax({
        type: "GET",
        url: "getimages.php",
        dataType: "xml",
        success: function(xml) {
            alert('success');
        },
        error: function(req, status) {
            alert(status);
        }
    });
}

其次，您需要關閉XML中的所有元素（以/>結尾），並將它們包裝在一個contains元素中，因為XML中只有一個根元素 ：

<images>
    <image url="MY_IMAGE_URL_1.jpg" number="1" />
    <image url="MY_IMAGE_URL_2.jpg" number="2" />
    <image url="MY_IMAGE_URL_3.jpg" number="3" />
    <image url="MY_IMAGE_URL_4.jpg" number="4" />
</images>