javascript - jQuery .load() 错误状态？

Question

我似乎无法让这个解决方案为我工作。

如何在 jQuery 的 load() 方法中捕获错误

这是我正在尝试的代码。

$("#a").load("load.html", function(responseText, textStatus, XMLHttpRequest) {
        if (textStatus == "error") { alert("fail"); }
        else { alert("success"); }
});

当 load.html 存在时，它工作正常，但当它不存在时，什么都没有发生。这是有道理的，因为如果失败，它不应该进入回调。

有人可以指出我哪里出错了吗？当 URL 不存在时，我试图让它抛出一个错误。

如果这会影响任何事情，我正在尝试使用 jQuery 1.3.2。

更新 问题似乎是因为我在本地而不是在服务器上工作。在线上传了我的文件，它似乎工作正常，jQuery 的某些部分是否需要服务器才能运行？

更新 是否进行了更多测试并使用带有错误回调的 .load() 无法离线工作，但 .ajax() 可以。对为什么感到困惑，但我们走了。

Answer 1

试试这个

$.ajax({

    url: 'load.html',
    dataType: 'html',
    success: function(data) {
         //handle data object containing the html
         $('#a').html(data);
    },
    error: function(xhr, error){
        //generic error callback, you'll end up here when your file doesnt exist
    }

});

Answer 2

你可以在这里试试：

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("#div1").load("demo_tes.txt", function(responseTxt, statusTxt, xhr){
                if(statusTxt === "success")
                    alert("External content loaded successfully!");
                if(statusTxt === "error")
                    alert("Error: " + xhr.status + ": " + xhr.statusText);
            });
        });
    });
</script>