我有一个很长的任务，一旦客户/用户/客户按下提交按钮就会运行。如何使用 Django 显示一条消息说，等等……查询正在运行，直到查询完成？
【问题讨论】：
您应该考虑使用 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 库：
$(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.');
});
});
});
您可以完全自定义这段代码来做您想做的事。 如果您想在 ajax 中进行更多调试，我建议您按照以下方式声明您的 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);
}
}
});
}
【讨论】：
这就是我最终使用 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>
【讨论】：