Django+jQuery的ajax

2015-02-10

首先你得有个js, 考虑用jQuery:

$.ajax({
    url:"http://127.0.0.1:8000/RequestAjax/",
    data:{"data":some_data},
    async:true,
    dataType:"json",
    type:"POST",
    success:function(result){
        //do something

    }
});

因为GET方法对数据长度有限制, 而我对这种限制有挺重的心理阴影, 所以, 我的话, 都会用POST方法的.

但是, 这样写Django会拒绝, 403, 所以, 还需要其他操作, 搜索过后, 别人说, 你需要带上cookie, 不过, 这也是有js框架帮你做的, 就是jquery.cookie.js, 官网: http://plugins.jquery.com/cookie/

有了jquery.cookie, 你就可以在上面那段代码前面加上:

var csrftoken = $.cookie('csrftoken');
function csrfSafeMethod(method) {
    // these HTTP methods do not require CSRF protection
    return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}

$.ajaxSetup({
    beforeSend: function(xhr, settings) {
        if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
            xhr.setRequestHeader("X-CSRFToken", csrftoken);
        }
    }
});

这样, js端基本算完成了.

后台呢, 渲染页面的时候你就得让他设置cookie, 所以, 你需要:

#views.py那里
from django.template import RequestContext
def some(request):
    return render_to_response('some.html',context_instance=RequestContext(request))

响应/RequestAjax/的view你就照常从request.POST字典那里读取数据就好了, 不过一个json对象传过来不知道怎么解释, 所以, 我通常都是在js那把对象序列化成字符串(用JSON.stringify, 比如str=JSON.stringify(data)就把data序列化成字符串赋给str), 然后传字符串到view, 再用python标准库的json库解析成json.

然后, 又将返回的对象序列化成字符串作为HttpResponse的参数, 当然, Django也是有json response什么的, 看需要用吧.

需要注意的几点, 第一, 需要带上csrftoken的cookie; 第二, url要写全; 第三, 给服务器发数据的话, 把对象序列化成字符串.

Reference:

点击查看评论