在Django中jquery发布请求+响应

时间:2014-10-18 00:39:58

标签: jquery ajax django

我正在尝试在Django中使用jquery发布帖子请求。不幸的是,我还没有成功。确实:我只在firebug中看到一个状态为200的帖子请求,我得到以下结果(太新了,不能发布任何图像):

https://drive.google.com/a/essec.edu/file/d/0B5MagNFQFkbXeVBNV1pfZC1sbk0/view?usp=sharing

有人能帮助我找到我做错的事吗?

我的代码来自这里: Need a simple working ajax example for django forms,所以我认为它应该是正确的。

仅供参考,在settings.py中,我已经评论了csrf行,以便在当时的时间内解决该问题:

" #' django.middleware.csrf.CsrfViewMiddleware'"

views.py:

import json
from django.shortcuts import render
from django.http import HttpResponse


def index(request):

    return render(request, 'index.html')


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})) 

    return render(request, 'ajax.html')

的index.html:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="/static/js/ajax.js"></script>
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>


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

ajax.js:

$(document).ready(function(){

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

});

urls.py:

from django.conf.urls import patterns, url

from polls import views

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

2 个答案:

答案 0 :(得分:1)

我打赌你的表格行动。尝试将其设置为帖子的网址。

答案 1 :(得分:0)

您的表单没有定义“操作”

$.post("",

必须定义网址。将其更改为

$.post("/ajax/",

另外,当您正确实现它时,请不要删除csrf标记。您只需传递序列化表单数据(包括csrf标记)。