服務器運行時顯示消息查詢Django

Question

我有一個非常長的任務，只要客戶端/用戶/客戶按下提交按鈕就會運行。我如何顯示消息來說，掛在...查詢運行，直到查詢完成使用Django？

Answer 1

這是我最終使用jQuery和包括一些代碼，以確定哪個按鈕被按下做：

<form> 
<div id="loading" style="display:none;">Finding all words, may take a long time</div> 
<div id="form_input_things"> 
<input type="submit" name="_save" value="Save" /> 
<input type="submit" name="_get_words" value="Get Words" /> 
{{ form.as_p }} 
</div> 
</form> 

<script> 
    $("form").submit(function() { 
    { 
     if($("[submit_button_pressed=Save]").get(0) === undefined) 
     { 
     $('#loading').show(); 
     $('#form_input_things').hide(); 
     } 
    } 
    return true;  
    }); 

    $(":submit").live('click', function() { 
     $(this).attr("submit_button_pressed", $(this).val()); 
    }); 
</script> 

Answer 2

你應該考慮使用Ajax來做到這一點。

我們來看一個使用JQuery的例子; 如果在你的模板，你有這樣的形式：

<form id="my_form" action="" method="post"> 
    <label for="age">Age:</label> 
    <input type="text" name="age" id="age"/> 
    <input type="submit" value="Submit"/> 
</form> 
<div id="loading" style="display:none;">Loading...</div> 

讓我們寫一些JavaScript，假設你已經包括jQuery的lib目錄下：

$(function(){ 
    $('#my_form').submit(function(event){ 
     event.preventDefault(); 

     alert('user submitted the form'); 
     $('#loading').show(); 

     $.post('my_url', 
       {age : $('#age').val()}, 
       function(data){ 
        $('#loading').hide(); 
        alert('server finished to process data.'); 
       }); 
    }); 

}); 

您可以完全自定義這段代碼做什麼你要。 如果你想在阿賈克斯更多的調試，我建議你宣佈你ajaxSetup這種方式如下：

function ajaxSetup(){ 

    $.ajaxSetup({ 
     error:function(x,e){ 
      if(x.status==0){ 
       alert('You are offline!!\n Please Check Your Network.'); 
      }else if(x.status==404){ 
       alert('Requested URL not found.'); 
      }else if(x.status==500){ 
       alert('Internal Server Error.\n' + x.responseText); 
      }else if(e=='parsererror'){ 
       alert('Error.\nParsing JSON Request failed.'); 
      }else if(e=='timeout'){ 
       alert('Request Time out.'); 
      }else { 
       alert('Unknow Error.\n'+x.responseText); 
      } 
     } 
    }); 
}