zoukankan      html  css  js  c++  java
  • Django,Ajax提交csrf_token处理

    Ajax提交数据时候,携带CSRF:
    a. 放置在data中携带
    
    <form method="POST" action="/csrf1.html">
        {% csrf_token %}
        <input id="user" type="text" name="user" />
        <input type="submit" value="提交"/>
        <a onclick="submitForm();">Ajax提交</a>
    </form>
    <script src="/static/jquery-1.12.4.js"></script>
    <script>
        function submitForm(){
            var csrf = $('input[name="csrfmiddlewaretoken"]').val();
            var user = $('#user').val();
            $.ajax({
                url: '/csrf1.html',
                type: 'POST',
                data: { "user":user,'csrfmiddlewaretoken': csrf},
                success:function(arg){
                    console.log(arg);
                }
            })
        }
    
    </script>
                    
    b. 放在请求头中
                
    <form method="POST" action="/csrf1.html">
        {% csrf_token %}
        <input id="user" type="text" name="user" />
        <input type="submit" value="提交"/>
        <a onclick="submitForm();">Ajax提交</a>
    </form>
    <script src="/static/jquery-1.12.4.js"></script>
    <script src="/static/jquery.cookie.js"></script>
    
    <script>
        function submitForm(){
            var token = $.cookie('csrftoken');
            var user = $('#user').val();
            $.ajax({
                url: '/csrf1.html',
                type: 'POST',
                headers:{'X-CSRFToken': token},
                data: { "user":user},
                success:function(arg){
                    console.log(arg);
                }
            })
        }
    </script>
  • 相关阅读:
    随机二分图
    城市旅行
    JZPKIL
    线性基专题总结
    杜教筛专题总结
    [NOI2018]你的名字
    P1120 小木棍 [数据加强版]
    先序遍历
    P1736 创意吃鱼法
    P2258 子矩阵
  • 原文地址:https://www.cnblogs.com/oldpai/p/9637774.html
Copyright © 2011-2022 走看看