javascript - 如何制作预加载页面

Question

我想要一个预加载的页面，直到正在访问的链接/页面的内容完全加载。

这是我的代码

$( document ).ready(function() {
     $.ajax({
    method: 'GET',
    url: "pages/main.html",
    success: function(content)
    {
        $('#contentarea').html (content);
    }
});
    });



$('.menu_nav') .click (function () {
var href = $(this) .attr('href');
$('#contentarea').hide() .load(href).slideDown( 'very slow' )

    return false;
}); 

Answer 1

您可以使用$(document).ajaxStart().ajaxStop():

 $(document).ajaxStart(function (){
     $('#contentarea').prev().append('<span>loading</span>');
 }).ajaxStop(function (){
    $('#contentarea').prev('span').remove();
 });