Jquery检查加载是否成功

时间:2013-11-20 09:32:05

标签: javascript jquery

我想使用JQUERY将外部url的内容加载到div中,我发现我应该使用下一个命令:

function loadMyContent(url){

    $("#result").load('registration.html');
}

现在我想检查加载是否成功打印警报消息(“成功”)以及操作是否因某种原因而失败警告(“失败”)。

  1. 如何将成功和失败触发器添加到函数中?

  2. 解决方案是否也会涵盖404错误?

  3. 非常感谢 Shai

2 个答案:

答案 0 :(得分:2)

试试这个

var page = $("#result");
$.get("registration.html").success(
function(response, status, jqXhr){
   alert("Success!");
   page.empty().append(response);
}).error(function (response, status, jqXhr){
   alert("Error.");
}).complete(function (response, status, jqXhr){
   alert("Complete!");
});

答案 1 :(得分:0)

他尝试使用get方法,但我看到如果您不想使用load方法,则需要使用load(尝试):

$( "#success" ).load( "/not-here.php", function( response, status, xhr ) {
  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
});