django中ajax的使用以及避开CSRF 验证的方式

ajax(Asynchronous Javascript And Xml) 异步javascript和XML

ajax的优点

使用javascript技术向服务器发送异步请求

ajax无须刷新整个页面；

由于ajax响应的是局部页面，因此性能要高

当以get的方式向服务器发送请求：

views.py
def user_valid(request):

    name=request.GET.get("name")

    ret=Author.objects.filter(name=name)

    res={"state":True,"msg":""}

    if ret:

        res["state"]=False

        res["msg"]="用户存在"

    import json

    return HttpResponse(json.dumps(res)) #向ajax发送json数据

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<p>ajax请求</p>

<button class="s1">send_ajax</button>

<p class="con"></p>

<hr><p>用户名：<input type="text" id="user"><span class="error"></span></p>

<script src="/static/js/jquery-3.3.1.min.js">

</script>

<script>

    $(".s1").click(function(){

        $.ajax({

            url:"/send_ajax/",

            type:"get",

            data:{},

            success:function(data){

                $(".con").html(data)

            }

        })

    });

     $("#user").blur(function () {     //鼠标失去焦点事件

        $.ajax({

            url: "/user_valid/",

            type: "get",

            data: {"name": $("#user").val()},

            success: function (data) {

                console.log(data);

                console.log(typeof data);

                var data = JSON.parse(data); //接收传来的信息，进行反序列化，这里JSON要输入大写否则出不来

                console.log(data);

                console.log(typeof data);

                if (!data.state) {

                    $(".error").html(data.msg).css("color", "red") #这里的css样式是以，隔开的

                }

            }

        })

    });</script>

</body>

</html>

下面是以post的方式提交，并且跨域伪造csrf的方式（三种）

def user_valid(request):

    name = request.POST.get("name")

    ret=Author.objects.filter(name=name)

    res={"state":True,"msg":""}

    if ret:

        res["state"]=False

        res["msg"]="用户存在"

    import json

    return HttpResponse(json.dumps(res))

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<p>ajax请求</p>

<button class="s1">send_ajax</button>

<p class="con"></p>

<hr>

{% csrf_token %} #方式一

<p>用户名：<input type="text" id="user"><span class="error"></span></p>

<script src="/static/js/jquery-3.3.1.min.js">

</script>

<script>

    $(".s1").click(function(){

        $.ajax({

            url:"/send_ajax/",

            type:"get",

            data:{},

            success:function(data){

                $(".con").html(data)

            }

        })

    });

   //下面改成post请求如何避免crsf错误呢

         $("#user").blur(function () {

        $.ajax({

            url: "/user_valid/",

            type: "post",

            data: {"name": $("#user").val(),

                "csrfmiddlewaretoken":$("[name='csrfmiddlewaretoken']").val(), //方式二
　　　　　　　headers:{"X-CSRFToken":$.cookie('csrftoken')},   //方式三

            },
　　　　　　　

            success: function (data) {

                console.log(data);

                console.log(typeof data);

                var data = JSON.parse(data);

                console.log(data);

                console.log(typeof data);

                if (!data.state) {

                    $(".error").html(data.msg).css("color", "red")

                }

            }

        })

    });

</script>

</body>

</html>

下面是效果

如何不用上面的方式，也可以通过csrf中的csrf_exempt 的方法排除验证csrf

方式一：在views.py里面修改

#urls.py里面

url(r'^login/$',views.LoginView.as_view()),

#views.py

from django.shortcuts import render,HttpResponse,redirect

from django.views.decorators.csrf import csrf_exempt   #导入

# Create your views here.

from rbac.models import UserInfo

from django.views import View

class LoginView(View):

    def get(self,request):

        return render(request,"login.html")

    def post(self,request):

        user=request.POST.get("user")

        pwd=request.POST.get("pwd")

        user=UserInfo.objects.filter(name=user,pwd=pwd).first()

        print(user,user.pk)

        if user:

            request.session["user_id"]=user.pk

            #将用户的权限注册到session中

            permission_list=[]

            ret=user.roles.all().values("permissions__url").distinct()

            for per in ret:

                permission_list.append(per.get("permissions__url"))

            # print(ret)

            request.session["permission_list"]=permission_list

            return HttpResponse("ok")

        return HttpResponse("用户名或密码错误")

    @csrf_exempt  #当继承django里面的类时，必须要写一个dispath方式，并写在它上面

    def dispatch(self,*args,**kwargs):

        # return super(LoginView,self).dispatch(*args,**kwargs) #这两个方法都可以

        return super().dispatch(*args, **kwargs)

方式二：加入到urls里面

# urls

from django.views.decorators.csrf import csrf_exempt

     url(r'^login/$',csrf_exempt(views.LoginView.as_view())),  #加入到urls里面

#views.py

from django.shortcuts import render,HttpResponse,redirect

# Create your views here.

from rbac.models import UserInfo
from django.views import View

class LoginView(View):
    def get(self,request):
        return render(request,"login.html")

    def post(self,request):

        user=request.POST.get("user")
        pwd=request.POST.get("pwd")

        user=UserInfo.objects.filter(name=user,pwd=pwd).first()
        print(user,user.pk)
        if user:
            request.session["user_id"]=user.pk
            #将用户的权限注册到session中
            permission_list=[]
            ret=user.roles.all().values("permissions__url").distinct()
            for per in ret:
                permission_list.append(per.get("permissions__url"))
            # print(ret)
            request.session["permission_list"]=permission_list
            return HttpResponse("ok")
        return HttpResponse("用户名或密码错误")

ajax处理json数据

1 我们在views里面向ajax发送一个json数据

def send_ajax(request):

    import json

    return HttpResponse(json.dumps({"name":"xinxin"}))

#index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>ajax请求</p>
<button class="s1">send_ajax</button>
<p class="con"></p>

<hr>
{% csrf_token %}
<p>用户名：<input type="text" id="user"><span class="error"></span></p>
<script src="/static/js/jquery-3.3.1.min.js">
</script>

<script>
//没有指定dataType的情况

/*  $(".s1").click(function(){
       $.ajax({
           url:"/send_ajax/",
           success:function(data){
               console.log(data); //{"name": "xinxin"}
               console.log(typeof(data)); //string
           }
       })
   });*/

　　//指定dataType的情况
   $(".s1").click(function(){
       $.ajax({
           url:"/send_ajax/",
           dataType:"json",  //主要T要大写
           success:function(data){
               console.log(data); //Object {name: "xinxin"} 类型发生了变化
               console.log(typeof(data)); // object
           },
           error:function(jqXHR,textStatus,err){
               console.log(err);  
               console.log("数据错误。。。。。。。")
           }

       })
   });

</script>

2 向ajax发送一个其他数据时

def send_ajax(request):

    return HttpResponse("{'name':'xinxin'}")

#index.html

　　//指定dataType的情况
   $(".s1").click(function(){
       $.ajax({
           url:"/send_ajax/",
           dataType:"json",  //主要T要大写
           success:function(data){
               console.log(data); //Object {name: "xinxin"} 类型发生了变化
               console.log(typeof(data)); // object
           },
           error:function(jqXHR,textStatus,err){
               console.log(err);   //报错打印出错误信息
               console.log("数据错误。。。。。。。") //制定错误信息
           }

       })
   });

django中ajax的使用以及避开CSRF 验证的方式的更多相关文章

Django中Ajax提交数据的CSRF问题
错误信息: Forbidden (CSRF token missing or incorrect.): 什么是CSRF: django为用户实现防止跨站请求伪造的功能,通过中间件 django.mid ...
Django中ajax发送post请求，报403错误CSRF验证失败解决办法
今天学习Django框架,用ajax向后台发送post请求,直接报了403错误,说CSRF验证失败:先前用模板的话都是在里面加一个 {% csrf_token %} 就直接搞定了CSRF的问题了:很显 ...
Django中Ajax处理
1.大部分和Flask中相同. 2.Django处理JSON,主要是对于查询结果集处理. 使用Django提供的序列化的类来完成QuerySet到JSON字符串的转换 from django.core ...
Django中,ajax检测注册用户信息是否可用?
ajax检测注册用户信息主体思路 1.在settings.py中配置需要使用的信息 #对static文件进行配置 STATICFILES_DIRS=[ os.path.join(BASE_DIR,'s ...
Django用ajax发送post请求时csrf拦截的解决方案
把下面的代码写在模版文件中就可以了, 注:不是js文件,是模版文件加载的执行的,所有写js里没效果 $.ajaxSetup({ data: {csrfmiddlewaretoken: '{{ csrf ...
django中csrftoken跨站请求伪造的几种方式
1.介绍我们之前从前端给后端发送数据的时候,一直都是把setting中中间件里的的csrftoken这条给注释掉,其实这个主要起了一个对保护作用,以免恶意性数据的攻击.但是这样直接注释掉并不是理智型 ...
django 的ajax 请求，使用form的验证机制。
所有的form都需要在后台验证,前台验证是不可靠的,django的验证是后台验证,前台提示错误信息. js验证是在前台的,无需发送消息给后台,但安全性不可靠,强调的是用户体验. 要求,使用弹出框,弹出 ...
DJANGO中正规的建立与USER外键的方式
以前都是直接与user 最近看书,上说settings.AUTH_USER_MODEL,这样好些...是为记. from django.db import models from django.con ...
django中给ajax提交加上csrf
代码来自djangoproject网站在html中的script标签下插入下面代码在html文档加载时候运行下面代码,并且使用$.ajaxSetup设置ajax每次调用时候传入的数据,$.ajax ...

随机推荐

MATLAB 进行五种边缘检测
自定义函数: function []=edge_detect(image_name) a=imread(image_name); I=rgb2gray(a); BW1=edge(I,'Roberts' ...
9th week blog
1957年约翰·巴科斯(John Backus)创建了是全世界第一套高阶语言:FORTRAN. 1959年葛丽丝·霍普(Grace Hopper)创造了现代第一个编译器A-0 系统,以及商用电脑编 ...
微信企业付款获取RSA
package com.hentica.app.test.wx; import com.plant.app.modules.pay.wxpay.config.WxpayConfig; import o ...
数据看板superset在Windows环境下安装
@https://www.cnblogs.com/calmzeal/archive/2017/08/14/7359144.html 以下是我的安装版本与安装步骤: 1. 安装Python 3.7 , ...
python中讲的好的内容记载
什么是Name_mangling以及python的下划线约定 (转载来源:https://blog.csdn.net/handsomekang/article/details/40303207)
C# DataView数据处理的几种方法
1.找到刚删除的所有列 DataView dv = dt.DefaultView; dv.Delete(); dv.Delete(); //找出所有刚删除掉的行 1.5 dv.RowStateFilt ...
【python】问题汇总
1.pip降级 python -m pip install pip==9.0.3 2. Flask利用pymysql出现Warning:1366的解决办法错误提示:(1366, "Inco ...
汇编实验1（又是作业emm）
实验任务:学会使用debug 1.使用Debug,将程序段写入内存: 机器码: b8 20 4e 05 16 14 bb 00 20 01 d8 89 c3 01 d8 b8 1a 00 bb 26 ...
面向对象A 知识点总结
IntellijIDEA常用快捷键总结
转载自:http://blog.csdn.net/qq_17586821/article/details/52554731 下面的这些常用快捷键需要在实际操作中不断地体会才能真正感受到它们的方便之处. ...

django中ajax的使用以及避开CSRF 验证的方式

django中ajax的使用以及避开CSRF 验证的方式的更多相关文章

随机推荐

热门专题