Django使用Jquery的post方法需要解决两个问题:
1.Django中为了防止跨站请求,在post提交时都会带上csrf_token,利用Jquery进行post请求也需要;否则就会出现403 forbidden错误
2.在Django的view中,如何返回json串给jquery
view方法如下所示:
def get_productitem(request,*callback_args):
productid = request.POST.get('productid')
rtn = dict()
if productid is not None:
productitemlist = Producitem.objects.filter(productid=productid).all()
for productitemitem in productitemlist:
rtn[productitemitem.id] = "%s(%s)"%(productitemitem.itemname,productitemitem.itemversion)
return HttpResponse(json.dumps(rtn),mimetype='application/json')
template中的jquery请求方法如下所示:
$.ajaxSetup({
beforeSend: function(xhr, settings){
var csrftoken = $.cookie('csrftoken');
xhr.setRequestHeader("X-CSRFToken", csrftoken);
}
});
changeProduct();
function changeProduct(){
var productid = $("#productid").val();
if(productid == null){
return;
}
jQuery.post('/getProductitem',{
productid:productid
},function(dat){
var productitemid = $("#productitemid");
var options = '';
for(jsonkey in dat){
options += "<option value='" + jsonkey + "'>" + dat[jsonkey] + "</option>";
}
if(options != ''){
productitemid.html(options);
}
});
}
记得,如果要是用$.cookie方法,需要引入jquery.cookie.js文件。
同时注意在jquery所在页面的form表单里加入{% csrf_token %},否则Jquery post的X-CSRFToken头部为空。