在写项目中遇到的一些ajax的坑,在这里做一下记录
一、先放一个完整的前,后端示例
$("#bTinvite").click(function(){
data = $("#invitefriends").val();
// alert(inviTtemail);
$.ajax({
'url':'/url/',
'type':'post',
'data':{'data':data},
// 后端返回到前端值的格式
'datatype':'json',
// ajax 默认'async': 'true'异步处理
'async': 'true',
success:(function(data){
if (data.res == 1){
alert('发送成功');
// 跳转页面
window.location.href='/url/';
}
else{
alert('请输入正确的邮箱');
};
})
})
});
views的ajax接受方法
if request.is_ajax():
pass
return render(request, 'html.html',role_dict)
二、button,type = "submit" 和 Ajax 不能同时使用,否则Ajax调用不成功
button按钮的type属性的默认值是submit,有提交form表单的功能。换成span标签可行,但是还要改样式,直接更改button的type为button
<button>点我提交</button> → <button type="button">点我提交</button>
三、在一个视图中如果要同时存在GET,POST,Ajax处理
def workbench(request):
if request.method == 'GET':
...
#要注意Ajax处理要放在中间
if request.is_ajax():
...
return JsonResponse({'res':'创建用户画像成功'})
if request.method == 'POST':
...
#如果是类视图
class K (View):
def get(self,request):
if self.request.is_ajax:
pass
else:
pass
def post(self,request):
if self.request.is_ajax:
pass
else:
pass