當等待jquery ajax加載時在另一個div中顯示加載消息

Question

以下代碼在啓動函數加載並等待顯示ajax_load時將page-handler.php加載到#page中。我怎樣才能使ajax_load loding-message顯示在另一個div中，當然，當loding結束時會消失？

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

Answer 1

function load(value) { 
    $('somediv').html(ajax_load); 
    $("#page").load("page-handler.php", {page:value}, function() { 
     $('somediv').empty(); // or set new contents, or hide, or whatever 
    }); 
    return false; 
} 

這將投入任何的ID爲 'somediv' 的內容。您可以使用課程（'.class'）或其他幾個selectors來選擇您的div。

Answer 2

考慮使用$（ '＃選擇'）ajaxStart（）和$（ '＃選擇'）ajaxStop（）。

http://api.jquery.com/ajaxStart/

Answer 3

你開始用加載信息創建一個隱藏的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調用沒有成功。

Answer 4

顯示開始您的來電，並把它藏在回調前一個div，例如：

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

Answer 5

所以我覺得這是你想要的嗎？

$("#anotherDiv").html(message); 
$("#page").load("page-handler.php", {page:value}, function(){$("#anotherDiv").hide();}); 

這會在ajax加載時隱藏另一個div。