djangoテンプレートからのAjax呼び出し

Question

jqueryをロードするコードを持つ基本テンプレートを拡張するdjangoテンプレートがあります。このテンプレートには単純なテキストボックスがあり、ajaxでオブジェクトを取得したかったのです。このテンプレートで

{% extends 'base.html' %} 
{% block content %} 

<form id="ajaxform"> 
    <input type="text" name="first_name" id="name" /> 
    <input type="submit" value="Submit" /> 
</form> 

<div id="dataDiv"> 

</div> 

<script> 
    $('#ajaxform').submit(function(){ 
     console.log('Form submitted'); 
     $.get('{% url get_ajax_data %}', $(this).serialize(),function(data){ 
      $('#dataDiv').text(data); 

     }) 
     return false; 
    }); 

</script> 
{% endblock %} 

、私はget_ajax_data URLに、私は単にreturn HttpResponse('Ajax respose')としてテキストを返され、対応するビューにAJAX呼び出しを作ってみました。しかし、これはうまくいかないようで、私がfalseを返している間にフォームが提出されます。私はどこに行かなかったのか分からない。

Answer 1

これまでの回答では、submit()ハンドラを初期化することが一般的でした。これは、ページの準備ができたら設定します。現在、あなたは通常の方法でフォームを提出する必要があります、それはあなたのjavascriptで登録していません。あなたが書くことができ、それを修正するには：

$(document).ready(function() { 
    $('#ajax_form').submit(fun // the rest of your code here. 
}); 

Answer 2

jQueryイベントハンドラは、エラーが発生した場合、自動的に失敗します。セミコロンがないなどの明白な事を確認します。イベントハンドラですべてが有効であることを確認してください。