码迷,mamicode.com
首页 > Web开发 > 详细

Django进阶(CSRF、Ajax)

时间:2018-04-22 19:57:33      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:views   dde   int   django   执行   请求方法   调用   创建   erro   

1、跨站请求伪造:CSRF

django为用户实现:防止跨站请求伪造的功能,通过中间件 django.middleware.csrf.CsrfViewMiddleware 来完成。而对于django中设置防跨站请求伪造功能有分为全局和局部。
全局:
  中间件 django.middleware.csrf.CsrfViewMiddleware
局部:
    @csrf_protect,为当前函数强制设置防跨站请求伪造功能,即便settings中没有设置全局中间件。
    @csrf_exempt,取消当前函数防跨站请求伪造功能,即便settings中设置了全局中间件

注:from django.views.decorators.csrf import csrf_exempt,csrf_protect

html中设置Token:
  {% csrf_token %}

view视图返回方法:

 

from django.template.context import RequestContext

return render_to_response(‘Account/Login.html‘,data,context_instance=RequestContext(request) 
或者
return render(request, ‘xxx.html‘, data)
#render()方法是render_to_response的一个崭新的快捷方式,render()方法会自动使用RequestContext=RequestContext(request)

 

2、Ajax

AJAX = 异步JavaScript 和 XML(Asynchronous JavaScript and XML)
简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。

 示例:

view.py

from django.views.decorators.csrf import csrf_protect
import json

@csrf_protect
def ajax_data(request):
    if request.method == ‘POST‘:
        ret = {‘status‘:True,‘msg‘:"",‘data‘:[11,22,33,44]}
        try:
            print request.POST
        except Exception,e:
            ret[‘status‘] = False
            ret[‘msg‘] = str(e)
        return HttpResponse(json.dumps(ret))  #默认只能发送字符串,用json把字典转换成字符穿
    else:
        return render(request, ‘ajax_app/aaa.html‘)
        #render()方法是render_to_response的一个崭新的快捷方式,前者会自动使用RequestContext=RequestContext(request)

 aaa.html

    {% csrf_token %}
    <input id="ajax_id" type="text"/>
    <input type="button" value="点击执行ajax请求" onclick="myajax();"/>  {#点击时就调用myajax()函数 #}

    <script src="/static/jquery-3.3.1.min.js"></script>  {# #配置js文件位置 #}
    <script src="/static/jquery.cookie.js"></script>
    <script type="text/javascript">
        var csrftokens = $.cookie(‘csrftoken‘); //获取当前csrftoken值
        function csrfSafeMethod(method) {
            // 根据请求方法判断加不加 CSRF protection
            return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
        }
        $.ajaxSetup({
            // 发送ajax之前,执行以下这个函数
            beforeSend: function(xhr, settings) { // xhr=XmlHttpRequest 对象,所有ajax请求底层操作都是使用的它来做的
                if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
                    xhr.setRequestHeader("X-CSRFToken", csrftokens);
                }
            }
        });

        function myajax(){  // 创建点击事件函数
            var temp = $(‘#ajax_id‘).val(); //获取input标签id=ajax_id的值,用户输入
            var user_list = [
            {‘username‘:‘yangmv‘,‘age‘:18},
            {‘username‘:‘wj‘,‘age‘:28}];

            $.ajax({
                url:‘/ajax_app/test‘,
                type:‘POST‘,
                tradition:true,  {#对数据原生处理,不做加工#}
                data:{data0:temp,data1:JSON.stringify(user_list)}, {#类似以json.dumps转换为字符串的方式#}
                success:function (arg) {   //arg为返回的数据
                    var obj = jQuery.parseJSON(arg); {#把返回的字符串数据用json.load成字典#}
                    if(obj.status){   //status字段为view中定义好的字段,为True
                        alert(‘okkkkk‘);
                    }else{
                        alert(‘obj.msg‘);
                }
                }
            });

        }
    </script>

 在setting.py文件中设置static文件夹路径:

STATIC_URL = ‘/static/‘
STATICFILES_DIRS = (os.path.join(BASE_DIR, ‘static‘),)

CSRF  with Ajax

 

{{ csrf_token }}  # 在html这样写,前端就会显示它
{% csrf_token %}  # 在html这样写,不会显示,但是会生成一个隐藏的input框,type=hidden

 

 如果不是按照如上面使用jquery.cookie.js那样的方法,没有使用csrfSafeMethod、$.ajaxSetup;那就要在data中加入:csrfmiddlewaretoken:‘{{ csrf_token }}‘

function myajax(){
	var temp = $(‘#ajax_id‘).val();
	$.ajax({
		url:‘/ajax_app/test‘,
		type:‘POST‘,
		data:{data1:temp,csrfmiddlewaretoken:‘{{ csrf_token  }}‘},
		success:function (arg) {
			var obj = jQuery.parseJSON(arg);
			$(‘#ajax_id‘).val(obj.msg);
		},
		error:function () {
			alert("failed");
		}
	});

}

 否则ajax的post请求会报错,forbidden
Forbidden (CSRF token missing or incorrect.): /ajax_app/test

 

Django进阶(CSRF、Ajax)

标签:views   dde   int   django   执行   请求方法   调用   创建   erro   

原文地址:https://www.cnblogs.com/honey-badger/p/8908467.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!