서버가 쿼리를 실행하는 동안 메시지 표시 Django

Question

클라이언트/사용자/고객이 제출 버튼을 누르면 매우 긴 작업이 실행됩니다. 장고를 사용하여 질의가 끝날 때까지 쿼리를 실행하라는 메시지를 어떻게 표시 할 수 있습니까?

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> 

당신이 이미 가지고있는 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); 
      } 
     } 
    }); 
}