加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ExtJs通过AJAX发送Post给django后台报错403!

发布时间:2020-12-16 01:50:36 所属栏目:百科 来源:网络整理
导读:报错403是因为django自动开启了CSRF防御! 在settings里的设置 'django.middleware.csrf.CsrfViewMiddleware',自动开启全局CSRF防御。 如果你是jQuery在页面js里发送ajax可以参考文章:http://blog.csdn.net/wjy397/article/details/49078099 --------------

报错403是因为django自动开启了CSRF防御!

在settings里的设置 'django.middleware.csrf.CsrfViewMiddleware',自动开启全局CSRF防御。

如果你是jQuery在页面js里发送ajax可以参考文章:http://blog.csdn.net/wjy397/article/details/49078099

------------------------------------------------------------------------------------------------------------------------------------------------------

本文记录extjs在处理csrf防御步骤:

1.首先必须在浏览器请求页面的时候返回给浏览器的view层方法上加入@ensure_csrf_cookie 以便让浏览器cookie记录token

例如:

from django.views.decorators.csrf import requires_csrf_token,ensure_csrf_cookie

@ensure_csrf_cookie
def Login(request):
# ...
return render_to_response('AdminPool/Login.html',{})


2.然后再页面的js里,在发送ajax之前事件:

Ext.Ajax.on('beforerequest',function (conn,options) {
if (!(/^http:.*/.test(options.url) || /^https:.*/.test(options.url))) {
if (typeof(options.headers) == "undefined") {
options.headers = {'X-CSRFToken': Ext.util.Cookies.get('csrftoken')};
} else {
options.headers.extend({'X-CSRFToken': Ext.util.Cookies.get('csrftoken')});
}
}
},this);

设置请求头heades的‘X-CSRFToken’。


3.然后发送AJAX的post:

Ext.Ajax.request({ url: 'tianwanggaidihu',method: 'POST',success: function (response,opts) { var responseJson = Ext.JSON.decode(response.responseText); // 当后台数据同步成功时 if (responseJson.IsError) { Ext.MessageBox.show({ title: "提示",msg: "数据删除失败!" }); } else { store.remove(data[0]);// 页面效果 Ext.MessageBox.show({ title: "提示",msg: "数据删除成功!" }); } },failure: function (response,options) { Ext.MessageBox.alert('提示','数据删除错误!'); } });

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读