一般使用非submit按钮时(如button按钮),这时提交数据就需要使用到ajax,下面是ajax的使用方式。
var data = new FormData();
data.append("register_username",register_username);
data.append("register_password",register_password1);
data.append("real_name",real_name);
data.append("phone",phone);
data.append("chose_message",chose_message);
$.ajax({
type:"POST",
url:"/login/test",
data:data,
processData:false,
contentType:false,
dataType:"json",
success:function(result){
if(result.status === 100){
alert(result.user_select_message)
}else{
window.location.href = '/user/' + result.redirect_url
}
}
当数据传输到指定路由视图完成操作后,需要向前台页面返回结果或传输数据,这是只需return JsonResponse(“数据”),即可将数据返回到ajax并接受数据,如上代码success函数中result则是接收到的返回数据。
切记使用ajax后,与ajax有关联的路由就不能够再使用render或redirect进行跳转了,只能向ajax返回数据或响应(即使用return JsonResponse将数据返回)。