投稿するオプションがありません

Question

以下のテンプレートで、exampleidというオプションの値を取得しようとしています。私はオンラインで見つけたいくつかの例に従ってきましたが、何も動作していないようです。下のテンプレートには値を取得するためのajaxとjqueryがありますが、印刷しようとするとNoneが返されます。私は自分のリソースを使い果たしてしまい、教授は知らないように見えます。彼は「それを探しています」。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<select title ="accesslevelid" class="form-control" id="accesslevelid" onchange="accesslevelid" title=""> 
      <option value="7"> Option 1</option> 
      <option value="5"> Option 2</option> 
      <option value = "3"> Option 3</option> 

</select> 
<script> 
$(document).ready(function() { 
    $('#accesslevelid').on('change', function() { 
     var accesslevelid = $(this).val(); 
     $.ajax({ url: "{% url 'submitted' %}", 
       headers: { 'X-CSRFToken': '{{ csrf_token }}' }, 
       data: { 
        accesslevelid: accesslevelid, 
       }, 
       type: 'POST', 
       success: function (result) { 
        alert(result); 
       }, 
       }); 
     }); 
    }); 
</script> 

投稿の値を取得しようとしています。 POSTは、7,5、または3

Answer 1

を返送するための

exampleidpost = request.POST.get('accesslevelid', False) 
print (exampleidpost) 

私の望ましい結果は、あなたがこの方法を試してみてください、あなたにCSRFトークン AJAX要求、 を追加する必要があります。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<select title="accesslevelid" class="form-control" id="accesslevelid" > 
    <option value="1"> Option1</option> 
    <option value="2"> Option2</option> 
    <option value="3"> Option3</option> 
</select> 

<script> 
$(document).ready(function() { 
    $('#accesslevelid').on('change', function() { 
     var accesslevelid= $(this).val(); 
     $.ajax({ 
      url: "{% url 'submitted' %}", 
      headers: {'X-CSRFToken': '{{ csrf_token }}'}, 
      data: { 
       accesslevelid: accesslevelid 
      }, 
      type: 'POST', 
      success: function (result) { 
       alert(result); 
      }, 
     }); 
    }); 
}); 
</script> 

もうフォームは必要ありません。