Django AJAX方式提交数据解决csrf验证问题

Posted meilideni

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Django AJAX方式提交数据解决csrf验证问题相关的知识,希望对你有一定的参考价值。

    <script type="text/javascript">
        axios.defaults.baseURL = ‘http://xx.xx.xx.xx‘;
        axios.defaults.headers.common[‘X-CSRFToken‘] = ‘{{ csrf_token }}‘;
        Vue.prototype.$http = axios;
        var app = new Vue({
            el: ‘#app‘,
            data: {
                res: [],
                form: {
                    sday: ‘2020-05-27‘,
                    eday: ‘2020-05-27‘,
                }
            },
            methods: {
                loadData() {
                    this.$http.post(‘/tongji_plate_entry/‘, app.form)
                        .then(function (response) {
                            if (response.data.result == ‘SUCCESS‘) {
                                app.res = response.data.res;
                                app.form.sday = response.data.sday;
                                app.form.eday = response.data.eday;
                            }
                        })
                        .catch(function (error) {
                            alert(error);
                        });
                }
            }

        });
    </script>

就是设置axios的headers

axios.defaults.headers.common[‘X-CSRFToken‘] = ‘{{ csrf_token }}‘;

文章分享完毕,希望我的分享对大家有所帮助。更多学习技巧也可参阅:网站源码、模板、教程

以上是关于Django AJAX方式提交数据解决csrf验证问题的主要内容,如果未能解决你的问题,请参考以下文章

django 页面进行ajax post提交时,页面要添加{% csrf_token %}

django 页面进行ajax post提交时,页面要添加{% csrf_token %}

django 页面进行ajax post提交时,页面要添加{% csrf_token %}

Django进阶篇-开启CSRF认证

yii2 ajax post设置csrf

Django,Ajax提交csrf_token处理