检查div是否已完全加载ajax

Question

我有一个名为#pageToLoad的div。页面formPage.php在该div中加载一个表单。我需要知道该页面是否完全加载在div中。因此，如果出现任何类型的错误，我可以使用;

重置表单

$("#form").reset();

我如何创建活动？

$("#pageToLoad").load("formPage.php");  

Answer 1

您需要在$.ajax( complete:function(responseText, textStatus, XMLHttpRequest)){});中注册并检查textStatus值。如果没问题，请将数据加载到目的地$('selector')中

$.get("formPage.php").success(
    function(response, status, jqXhr){
       alert("Success!");
    }).error(function (response, status, jqXhr){
       alert("These is error.");
    }).complete(function (response, status, jqXhr){
       alert("Complete!");
    });

OR

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

Answer 2

$("#pageToLoad").load("formPage.php", function( response, status, xhr ) {

if ( status == "error" ) {
     // "Sorry but there was an error: ";

}
else{
       $("#form").reset();
}
});