Ajaxがサーバーに到達しないのはなぜですか？

Question

私はサーバーに応答を送る必要があるシンプルなajaxフォームを持っています。私はかなり確信してすべてがうまく設定され、csrf_tokenとエラーがないことをされています

Forbidden (CSRF token missing or incorrect.): /designer/addOne/ 
[31/Jul/2017 12:49:12] "POST /designer/addOne/ HTTP/1.1" 403 2502 

：私が提出したときにしかし、私はこのエラーを取得します。

HTML

<form id="addOneForm"> 
    {% csrf_token %} 
    <input id="addOne" type="button" value="Next"> 
</form> 

アヤックス（JS）

$(document).ready(function() { 
    $(document).on('click', '#addOne', function(e){ 
    $.ajax({ 
     type:'POST', 
     url:'/designer/addOne/', 
     processData: false, 
     contentType: false, 
     data:{ 
      csrfmiddlewaretoken:$('#addOneForm input[name=csrfmiddlewaretoken]').val(), 
     }, 
     success: function(response) { 
     } 
    }); 
    }); 
}); 

私が間違って何をしているのですか？それがうまく行わ

var form_data = new FormData($('#addOneForm')[0]); 
$.ajax({ 
    type:'POST', 
    url:'/designer/addOne/', 
    processData: false, 
    contentType: false, 
    data : form_data, 
    success: function(response) { 
    } 
}); 

：私はまだエラーが発生したものから知っているわけではないが

Answer 1

（サーバーの場合、私はジャンゴ使用している）私はちょうどにAJAXを変更しました。正確なエラーを取得する