javascript - 如何在 django 中通过 ajax 发布数据？

Question

我有一个动态更新的表单，当提交时，我试图将数据发布到 View 函数并获取响应。这是我的模板文件:

$("#myForm").submit(function(){
    event.preventDefault();
    var msg = '';
    for(var i=1; i<counter; i++){
        msg += "\n Textbox #" + i + " : " + $('#textbox' + i).val();
    }

   $.post("/results/", {'data', msg},function(res) {
   console.log("Got a result", res);

  });
});

表单部分:

<form name="myForm" id="myForm" method="POST" action="">{%  csrf_token %}
          <div class="modal-body">

            <div id='TextBoxesGroup'>
                <div id="TextBoxDiv1">
                    <label>Textbox #1 : </label><input type='text' id='textbox1' class="form-control" placeholder="Body Text">
                </div>
            </div><br/>

            <input type='button' value='Add Button' id='addButton' class="btn btn-primary">
            <input type='button' value='Remove Button' id='removeButton' class="btn btn-primary">

          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <input type="submit" class="btn btn-primary" id='getButtonValue' value="Save Changes">

          </div>
        </form>

urls.py 文件:

(r'^results/$', views.results),

这是 View 函数:

def results(request):
    if request.is_ajax() and request.method == POST:
        name = request.POST['name']
        #add the post data to database.
        return HttpResponse("Thanks! Successfully updated!")
    else:
        sys.exit(1) # print some error message

我收到 403 禁止错误。我以前使用过ajax，但从未遇到过这个错误。

Answer 1

文档 explains如何在 Ajax 中使用跨站点请求伪造保护。