jquery - 需要一个简单的 django 表单工作 ajax 示例

Question

基本上我需要类似于 http://www.w3schools.com/jquery/jquery_ajax_get_post.asp 的东西在 Django 中完成。我已经下载了示例并使用 localhost + php 在本地进行了测试，效果很好，但无论示例多么简单，我似乎都无法让它在 django 中工作。这基本上是我根据上面链接中的示例所做的，稍作修改

JavaScript:

<script type="text/javascript">
$(document).ready(function(){
  $("#my_form").submit(function(){
    $.post("",
    {name:"Donald Duck",
     city:"Duckburg"},
    function(data,status){
      alert("Data: " + data + "\nStatus: " + status);
    })
    .fail(function() { alert("error"); });
    return false;
  });
});
</script>

网址:

url(r'^ajax/$', views.ajax_test, name="ajax"),

观点:

def ajax_test(request):
    if request.method == 'POST' and request.is_ajax():
        name = request.POST['name']
        city = request.POST['city']
        message = name + ' lives in ' + city

        return HttpResponse(json.dumps({'message': message})) #tried without the json. Doesn't work either

    return render(request, 'books/ajaxTest.html')

html:

<form id="my_form" action="" method="post" {% if form.is_multipart %}enctype="multipart/form-data"{% endif %}>{% csrf_token %}
<input type="submit" value="Send">
</form>

该表单应该包含一个 django 表单，但由于我什至无法让基础知识发挥作用，所以这有点毫无意义。有人提到了 csrf_token 标签，但删除它也不能解决问题。上面示例的输出基本上只产生警报('错误')而没有其他内容。我已经经历了很多例子，但我什至无法让最基本的例子发挥作用

Answer 1

好的..感谢您的评论..我已经把一切都整理好了..基本上我只是错过了 {% csrf_token %} 和 csrfmiddlewaretoken:'{{ csrf_token }}'..只是为了那些人的利益谁可能正在阅读本文......新代码将如下所示

JavaScript:

<script type="text/javascript">
$(document).ready(function(){

  $("#my_form").submit(function(){
    $.post("",
    {name:"Donald Duck",
     city:"Duckburg",
     csrfmiddlewaretoken:'{{ csrf_token }}'
     },
    function(data,status){
      alert("Data: " + data + "\nStatus: " + status);
    })
    .fail(function(xhr) {
        console.log("Error: " + xhr.statusText);
        alert("Error: " + xhr.statusText);
    });
    return false;
  });

});
</script>

html:

<form id="my_form" action="" method="post">{% csrf_token %}
<input type="submit" value="Send">
</form>