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 ...

随机推荐

Hello2实例的分析
首先: java EE 上的hello2项目是一个部署在glass fish上的开发源码的java web项目,在终端通过命令行使用maven进行打包成.war文件,最后部署到相关的glass fis ...
Linux文件编辑vi、mkdir等
1.进入vi的命令 vi filename :打开或新建文件,并将光标置于第一行首 vi +n filename :打开文件,并将光标置于第n行首 vi + filename :打开文件,并将光标置于 ...
socks5代理转http代理
Convert-Shadowsocks-into-an-HTTP-proxy apt-get install polipo service polipo stop polipo socksParent ...
简述at和crontab命令
at 在指定时间执行相关命令用法:at [option] TIME 常用选项: -l:查询等待运行作业的队列 -d:删除作业,加作业号 -q QUEVE: -c :查看具体作业任务: -f /pat ...
word2007无法打开.doc
如果您的WORD2007无法打开.DOC文档,可以试试如下的方法打开注册表编辑器(开始-运行-输入regedit VISTA中在开始菜单最下方的搜索栏内输入regedit) 展开HKEY_CLASS ...
vue day7 table checkbox 全选
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
Python之面向对象和正则表达（代数运算和自动更正）
面向对象一.概念解释面对对象编程(OOP:object oriented programming):是一种程序设计范型,同时也是一种程序开发的方法,实现OOP的程序希望能够在程序中包含各种独立而又 ...
Ubuntu网络不通解决办法
如下问题: 尝试和Host主机互ping也不通, Ubuntu: vmware 桥接模式 IP:192.168.1.202/24 gateway:192.168.1.1 Host主机:网络正常 IP: ...
usg6000
USG6000密码恢复 1.如果某个管理员遗忘了密码,可以使用其它高权限的管理员账号登录设备,然后修改密码.例如,管理员admin1的密码遗忘,此时可以由管理员admin登录设备,然后修改admin1 ...
Spring-Cloud-Netflix
Spring Cloud Netflix组件以及部署 (1)Eureka,服务注册和发现,它提供了一个服务注册中心.服务发现的客户端,还有一个方便的查看所有注册的服务的界面. 所有的服务使用Eurek ...

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

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

随机推荐

热门专题