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

Django,Ajax提交csrf_token处理

时间:2018-09-12 23:06:20      阅读:486      评论:0      收藏:0      [点我收藏+]

标签:var   nbsp   submit   eth   code   value   input   url   .ajax   

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>

 

Django,Ajax提交csrf_token处理

标签:var   nbsp   submit   eth   code   value   input   url   .ajax   

原文地址:https://www.cnblogs.com/oldpai/p/9637774.html

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