양식을 제출하는 동안 로더 표시

Question

다음 코드는 load() 함수 내에 양식을 제출하는 코드입니다. 나에게 다음 로더 .gif을 보여 (이 로딩되는 동안)

$(document).ready(function(){ 
$("#productfilter").validate({ 
submitHandler: function(form) { 
$.post ('listproresult_core.php', $("#productfilter").serialize(), function(data) { 
$('#contentincore').html(data); 
$('#contentincore a').click(function(e) { 
$("#contentincore").on("click", "a:not(.minlink)" && "a:not(.prolink)", function (e) { 
$("#contentincore").load($(this).attr("href")); 
e.preventDefault(); 
}); 
}); 
}); 
} 
}); 
}); 

는 ... 그러나, 내가 원하는 응답 형태입니다.

$("#contentincore").html("<img src='loader.gif'class='clock' border='0' />"); 

Answer 1

사용 아약스 양식을 게시하고 당신은 'beforeSend'

$.ajax({ 
    type: "POST", 
    url: "listproresult_core.php", 
    data: $("#productfilter").serialize(), 

    beforeSend: function() {         
     $("#contentincore").html("<img src='loader.gif'class='clock' border='0' />");          
    }, 

    success: function(result) {      
     $("#contentincore").html("");   
    }      
}); 

Answer 2

1. 로드의 IMG의 지프를 포함하는 사업부를 만들고 실행할 수 있습니다. 발리시를 사용하는 목적은 무엇

$('#loadingDiv') 
    .hide() // hide it initially 
    .ajaxStart(function() { 
     $('#loadingDiv').show(); 
    }) 
    .ajaxStop(function() { 
     $('#loadingDiv').hide(); 
    }) 
    .ajaxError(function() { 
     alert('Ajax Error'); 
    });