اول شما اون تصویر رو به html اضافه کنید و مخفیش کنید. بعد قبل از ارسال ajax اونو نشون بدید و تو متد complete هم اونو مخفی کنید.
$(document).ready(function(){
$("#start").click(function () {
$("#loading").show();
$.ajax({
type: "POST",
data: "name=" + $("#txtname").val()+"&number=" + $("#txtnumber").val()+"&add=" + $("input:radio[#txtadd]:checked").val()+"&del=" + $("#txtdel").val(),
url: "itemload.php",
dataType: "script",
success: function(msg){
$("#loading").hide();
$("#recontent").html(msg)
}
});
});
});
اگه بخواهید این اتفاق برای همه درخواست‌های ajax بیافته میتونید از متدهای global مربوط به ajax استفاده کنید.
$(document).on({
ajaxStart: function (){
$("#loading").show();
},
ajaxStop: function (){
$("#loading").hide();
}
});
نمایش نوشته در حال بارگزاری قبل از لود یک صفحه
پاسخ با نقل قول
