在 jQuery 加载事件处理程序中获取 statusCode

Question

我正在使用 jQuery ajax 事件“加载”：

标记代码：

<iframe id="my_iframe" src="http://somewhere"></iframe>

jQuery 代码：

$(function() {
    $('#my_frame').load(function(statusCode) {
        // The content loaded here maybe 404/500 or other.
        if(statusCode == 400) {
            // do something.
        } else {
            // do something else.
        }
    });
});

问题

我想在我的加载事件回调中获取状态代码。也许得到jqXHR 对象来实现？

这可能吗？

---

另外，我可能手动更改iframe的src属性，也会触发load事件，看来这不是ajax调用。

Answer 1

首先，使用iframes 通常不是最佳实践。只需使用 <div> 元素，您应该能够满足所有要求。

HTML：

<div id="dynamicPage">
    Loading...
</div>

JavaScript：

$("#dynamicPage").load(
"http://somewhere",
function(response, status, xhr) {
    if (status == "success") {
        // SUCCESSFUL request //

    } else if (status == "error" || status == "timeout") {
        // ERROR and TIMEOUT request //

        var msg = "Sorry! An error has occurred. Please try again later";
        $("#dynamicPage").html(msg);

    } else if (status == "notmodified") {
        // NOT MODIFIED request (likely cached) //

    } else if (status == "abort") {
        // ABORTED request //

    }
});

仔细阅读有关此问题的其他一些建议。另一个帖子甚至没有使用jQuery.load()，并将“success:”拼错为“sucess.”

作为奖励（如果您可能感兴趣的话），您可以轻松修改上面的代码以利用加载动画。

参考： Basic jQuery animation: Elipsis (three sequential dots)

Answer 2

我会说你正在寻找这样的东西：

$.get({
    'url': 'your-url',
    sucess: function(response, status, xhr) {
        //do something

        //Change the iframe content by src while having xhr availible
        $('#my_frame').attr('src', 'new-url');
        //Change the iframe content by appending your own HTML while having xhr availible
        $('#my_frame').contents().append('<div>New HTML</div>');

    },
    error: function (response, status, xhr) {
        //do something
    }
});