/ jQueryロード関数のための/ simpleプリローダー - jquery、html

jQueryロード関数用のシンプルなプリローダー - jquery、html

私はjqueryでページを読み込む方法を知っていて、どういうわけか私は成功を使う方法を知っていますが、そのページが失敗したらどうしますか

私はロードされたページの前にローダーイメージを表示する方法を探していて、ページが失敗した場合はメッセージを表示します

これは私が書いた関数です:

$(document).ready(function(){

$("#loading").html("<img src="/images/images/preload.gif" />");
$(".thumb").load("stat.html");

});

今私はプリローダーとメッセージが失敗した場合にそれを表示する方法でそれを変更したい

回答:

回答№1は2

ロード機能には、要求のステータスを提供するコールバックがあります。それはこのようなものです...

$(selector).load(url,[],[callbackFn(response,success,xhr)]);

だからあなたはこのようなことをすることができます:

$(".thumb").load("stat.html",function(response,status,xhr){
if(status == "error") {
//Something went wrong, have your error fallback code here
}
});

ここでは例を見つけることができます: http://jsbin.com/uxisa3/2/edit


回答№2の場合は0

使用してみてください $.ajax の代わりに post コールバックメソッドを使用してライフサイクルをより詳細に制御できるようになります。あなたの場合は、 beforeSend, error, complete コールバック(それは自明です)

$.ajax({
type: "POST",
url: "stat.html",
data: "name=John&location=Boston",
beforeSend: function(){
$("#loading").html("<img src="/images/images/preload.gif" />");
},
success: function(msg){
alert( "Data Saved: " + msg );
},
error: function(e){alert(e);}
});