django ajax前台验证,Django AJAX方式提交数据解决csrf验证问题

就是设置axios的headers

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

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);

});

}

}

});

后端views.py里写法(注意获取前端数据的方法)

def get_data(request):

data = json.loads(request.body)

sday = data["sday"]

eday = data["eday"]

context = { "result":"SUCCESS", "sday": sday, "eday": eday}

return JsonResponse(context)