JavaScriptを使用してバックエンドにデータを投稿するにはどうすればよいですか？

Question

私はこれについて全く新しく、これについていくつか光を当てることができるかどうか疑問に思っていました。私は日付ピッカーの変更に応答するjavascriptコードと私のhtmlの形式でdatepickerウィジェットを持っています。

... 
... 
$('#id_availableDate').change(
    function() { 
     $("#availability_form").submit(); 
    } 
); 

：ユーザーが日付ピッカーウィジェットに日付を変更したときに私が欲しいのHTMLスニペットが

<form id="availability_form" method="POST" action=""> 
    {% csrf_token %} 
    <div class="col-sx-12 col-sm-6 col-md-6 col-lg-6"> 
     <div class="input-group date" data-provider="datepicker"> 
      <input class="form-control" id="id_availableDate"> 
      <div class="input-group-addon btn"> 
       <span class="glyphicon glyphicon-calendar"></span> 
      </div>   
     </div> 
    </div> 
</form> 

とJavaScriptスニペットである私のDjangoのバックエンドに変更を投稿する

、あります

これはうまくいく傾向があります。データがポストされ、Djangoビューがポストを受け取ることがわかりますが、コンテンツを調べると、datepickerのデータは送信されません。私は間違って何をしていますか？事前

Answer 1

で

おかげただ、フィールドの名前を追加します。

<form id="availability_form" method="POST" action=""> 
    {% csrf_token %} 
    <div class="col-sx-12 col-sm-6 col-md-6 col-lg-6"> 
     <div class="input-group date" data-provider="datepicker"> 
      <input class="form-control" id="id_availableDate" name="availableDate"> 
      <div class="input-group-addon btn"> 
       <span class="glyphicon glyphicon-calendar"></span> 
      </div>   
     </div> 
    </div> 
</form> 

を、あなたはあなただけのhtmlでの入力のname属性を欠場$_POST['availableDate'];