jquery - 等待 jquery ajax 加载时在另一个 div 中显示加载消息

Question

以下代码在加载函数被触发时将 page-handler.php 加载到 #page 中，并在等待时显示 ajax_load。如何使 ajax_load loding-message 显示在另一个 div 中，并且在 loding 完成后消失？

function load(value) {
    $('#page').html(ajax_load);
    $("#page").load("page-handler.php", {page:value});
    return false;
}

Answer 1

首先创建一个带有加载消息的隐藏 div:

 <div id="loading">loading...</div>

然后在你的函数中:

function load(value) {
    $('#loading').show();
    $('#page').html(ajax_load);
    $("#page").load("page-handler.php", {page:value}, function(){
            $('#loading').hide();
    });
    return false;
}

当然，如果ajax调用没有成功，你必须采取一些措施。