как мы можем сказать "до того, как функция load () сделает что-нибудь"

Question

Я хочу получить файл с загрузкой ();функция в PHP ajax, и я хочу сделать спиннер до того, как функция load () получит мой файл.Итак, как я могу сказать: перед тем, как функция load () получит файл в моем div, поместите спиннер в это место, после функции load () получите файл, поместите этот файл вместо спиннера.

<div class="storeShowInModal"></div>
$("#myStoreId").click(function()
{
    $('.storeShowInModal').html('<i class="fa fa-spinner fa-spin w3-text-blue" style="font-size:36px"></i>');
    $(".storeShowInModal").load("myStore.php");
});

Answer 1

хорошо, как насчет этого

function loadContent(){
    $(".spinner").show();
    $(".storeShowInModal").load("myStore.php",function(){
        $(".spinner").hide();
    });
}

Answer 2

Поскольку load() является оберткой для вызова AJAX, вы можете использовать функции ajaxSend() и ajaxSuccess(), чтобы отобразить счетчик перед запросом загрузки, а затем удалить этот дисплей. после того, как запрос был успешным. Все это происходит за пределами вашей функции и вызывается средствами AJAX jQuery.

HTML

<span id="loading"><img src="spinner.gif" /></span>

JQuery

$("#loading").ajaxSend(function(){
   $(this).show();
 });

$("#loading").ajaxSuccess(function(){
   $(this).hide();
 });

Имейте в виду, что это будет сделано для каждого запроса AJAX. Если вы хотите что-то особенное для этого события, вы должны написать и вызвать дисплей из исходной функции.