Question

Ajax代码无法向服务器发送请求，但是当我向同一个网址发出常规的http请求时，它可以正常工作。我试图将url字段替换为“http：//”url，仍然无法正常工作。有人有想法吗？

Environment:

django 1.5.4;
python 2.7.4;
jquery 2.0.3;

的test.html

<html>
    <head>
            <title></title>
            <script type='text/javascript' src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
            <script type="text/javascript">
            $(document).ready(function() {
                    $("#button").click(function(){
                            $.ajax({
                                    type : "POST",
                                    url : "{% url 'getlist' %}",
                                    data : {
                                            msg : 'abcd'
                                    },
                            }).done(function(data){
                                    alert(data.message);
                            });
                    });
            });     
            </script>
    </head>
    <body>
            <input id="button" type="button" value="Get message from server!">
            {% if resource_list %}
            <ul>
                    {% for resource in resource_list %}
                    <li><a href="{{ resource.url }}">{{ resource.name }}</a></li>
                    {% endfor %}
            </ul>
            {% else %}
            <p>No Resources</p>
            {% endif %}
    </body>

view.py

def getList(request):
    print "Reach getLists"
    if request.is_ajax():
            try:
                    msg = request.POST['msg']
            except:
                    return HttpResponse(simplejson.dumps({'message':'Error From Server'}))
            return HttpResponse(simplejson.dumps({'message':msg}))
    else:
            return HttpResponse(simplejson.dumps({'message':'Not an ajax request'}))

urls.py

url(r'^test$', views.test),
url(r'^getlist/$', views.getList, name='getlist'),

====================================更新========== =========================== 错误信息

Forbidden (403)

CSRF验证失败。请求中止。救命失败的原因： CSRF令牌丢失或不正确。

==============================已解决================ ==================
解决方案：添加“csrfmiddlewaretoken：'{{csrf_token}}'，”在JavaScript文件的数据字段中，它有效。原因是django已经启用了CSRF保护。

==============================谢谢================ ====================
感谢@ dkp2442和@Christian Ternus的帮助，尤其是@ dkp2442。

Answer 1

我创建了一个gist，但不知何故让它变得秘密（我可以编辑吗？lol）。无论如何，你需要在帖子中包含csrftoken。这是我的答案：

    function getCookie(name) {
        var cookieValue = null;
        if (document.cookie && document.cookie != '') {
            var cookies = document.cookie.split(';');
            for (var i = 0; i < cookies.length; i++) {
                var cookie = jQuery.trim(cookies[i]);
                // Does this cookie string begin with the name we want?
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }

您可以将此getCookie功能用于任何帖子，只需将其包含在内：

     $(document).ready(function() {
        $("#button").click(function(){
            $.ajax({
                type : "POST",
                url : "{% url 'getlist' %}",
                data : {
                    msg : 'abcd',
                    csrfmiddlewaretoken: getCookie('csrftoken')
                }
            }).done(function(data){
                alert(data.message);
            });
        });
    });

Answer 2

阅读csrf上django文档页面上的ajax section。

jquery函数无法向django服务器发送ajax请求

2 个答案: