Laden Spinner auf Ajax Anruf

Question

Ich habe derzeit ein Ajax-Skript, um eine Abfrage-Datei abzurufen und neue Inhalte aus dieser Datei bei der Datenbankaktualisierung zu laden. Wie aber würde ich ein Skript zum Laden des Ladens hinzufügen?

< div id = "AjaxLoader" > 
 
    <h1> Loading < /h1> 
 
</div > 
 
    < div id = "feed_main_load" > 
 

 

 
    < /div>

var $loading = $('#AjaxLoader').hide(); 
 
$(document) 
 
    .ajaxStart(function() { 
 
    $loading.show(); 
 
    }) 
 
    .ajaxStop(function() { 
 
    $loading.hide(); 
 
    }); 
 

 

 
$(document).ready(function() { 
 
     $("#feed_main_load").load("elements/feedloadtest.php"); 
 
     var refreshId = setInterval(function() { 
 
      $("#feed_main_load").load("elements/feedloadtest.php?" + 1*new Date()); 
 
     }, 60000); 
 
    });

Answer 1

Was Sie tun müssen, ist die Spinner zu zeigen, bevor Sie .load $ nennen,

und verstecken es in Vollendung Rückruf.

Sie haben hier einen vollständigen Auszug:

$(document).ready(function() { 
 
    $(img).hide(); 
 

 
     $("#feed_main_load").load("elements/feedloadtest.php"); 
 
     $(img).show(); 
 

 
     var refreshId = setInterval(function() { 
 
      $("#feed_main_load").load("elements/feedloadtest.php?" + 1*new Date(), function(){ 
 
    $(img).hide(); 
 
}); 
 
     }, 60000); 
 
    });

<img src="https://d13yacurqjgara.cloudfront.net/users/135058/screenshots/950508/spinny_2x.gif" width=64 height=64/> 
 
<div id="feed_main_load"> 
 

 

 
</div>