Question

这是我的网址：http://thecatapi.com/api/images/get?format=xml&results_per_page=20

如果将其插入浏览器，您将看到它返回的xml。

我正在尝试使用以下代码获取jpg文件的url并在我的页面上显示它们但我一直收到错误。 btn4是页面上的一个按钮，可以正常工作：

    $(".btn4").click(function () {
    "use strict";
    ajaxDemo1();
});

这是调用的函数，其中的ajax代码触发指示错误的警报。感谢您的帮助。

    function ajaxDemo1() {

    "use strict";

    var i = 0, url1;

    $(".cute-images").html("Loading...");

    $.ajax({
        type: "GET",
        url: "http://thecatapi.com/api/images/get?format=xml&results_per_page=20",
        timeout: 2000,
        success: function (xml) {
            //$(".cute-images").html("");
            $(xml).find("image").each(function () {
                var url1 = "<img src='" + $(this).find("url").text() + "'/>";
                $(".cute-images").append(url1);
            });
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert("error");
            if (textStatus === "timeout")
                $(".cute-images").html("Request timed out, server may be busy, try again later.");
            else if (textStatus === "error")
                $(".cute-images").html(errorThrown);
        }
    });
}

还有一些我不明白的东西可能是一个线索？在$ .ajax块之后但仍然在函数内部我尝试显示一个特定的url图像，我得到图像显示然后它消失，就像它被刷新或清除???但是我可以在单独的浏览器选项卡中显示该图像URL并保留在那里。

HTML很简单：

<div class="cute-images"><h2></h2></div>

AJAX和JQuery从XML响应中获取数据

0 个答案: