django和vue实现数据交互的方法
我使用的是jQuery的ajax与django进行数据交互,遇到的问题是django的csrf
传输数据的方法如下:
$(function(){
$.ajax({
url:'account/register',
type:'post',
dataType:'json',
data:$('#form1').serialize(),
success:function(result){
console.log(result);
if(result){
alert("result");
}
},
error:function(){
alert("error");
},
})
})
})
django对应的代码
defregister(request):
ifrequest.method=="POST":
ifrequest.POST.get('name'):
returnrender(request,'success.html')
else:
returnHttpResponse("账号不能为空“)
当提交表单的时候,会出现
如果前端可以有django渲染,这个问题很好解决,只需要在要提交的表单中加入{%csrf_token%},但是在这中情况下显然是行不通的,通过在网上的搜索,我找到了这样的解决方案,完整代码如下:
$(function(){
$('#sub').click(function(){
$.ajaxSetup({
beforeSend:function(xhr,settings){
functiongetCookie(name){
varcookieValue=null;
if(document.cookie&&document.cookie!=''){
varcookies=document.cookie.split(';');
for(vari=0;i
这样就可以成功提交表单了
方法来源https://stackoverflow.com/questions/5100539/django-csrf-check-failing-with-an-ajax-post-request
以上这篇django和vue实现数据交互的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。
热门推荐
10 香港老妈结婚祝福语简短
11 毕业立体贺卡祝福语简短
12 简短新年年会祝福语
13 评论小品祝福语大全简短
14 恭喜师兄结婚祝福语简短
15 员工集体辞职祝福语简短
16 高中新生祝福语 简短
17 装修祝福语男生搞笑简短
18 生日开业蛋糕祝福语简短