Django配合使用Jquery post方法

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头部为空。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值