如何在加载数据时隐藏加载图像

Question

我想在数据加载过程完成时隐藏处理图像

＆＃13;

＆＃13;

$(document).ready(function(){
    $("#searchBtn").click(function(){
	$('.loader').show();
        $.post("search.php",
	{
	    searchText : $('#search').val()
	},
	function( data ){
	    $("#responseText").html(data);
	});
				 
    });
});

＆＃13;

＆＃13;

＆＃13;

Answer 1

在ajax promise的always处理程序中隐藏加载程序映像。

＆＃13;

＆＃13;

$(document).ready(function() {
  $("#searchBtn").click(function() {
    $('.loader').show();
    $.post("search.php", {
      searchText: $('#search').val()
    }, function(data) {
      $("#responseText").html(data);
    }).always(function() {
      $('.loader').hide();
    });

  });
});

＆＃13;

＆＃13;

＆＃13;

不要在成功处理程序中执行此操作，因为您也可能希望在出现错误的情况下隐藏它。