首先需要引入Jquery这个库
其次:
需要引入csrf_token 原因是因为django 表单认证需要csrf认证
最后,就是正常执行ajax发送请求
示例代码如下:
<script src="/static/js/jquery.js"></script>
<script>
/*绑定submit方法*/
$('#submit').bind('click',function(){
<!--django csrf认证添加,for ajax-->
$.ajaxSetup({
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
});
<!--获取前端输入数据-->
var username = $('#name').val();
var password = $('#password').val();
var idcard = $("#idcard").val();
var rentaddress = $('#rentaddress').val();
var post_data ={"username":username,"password":password,
"idcard":idcard,"rentaddress":rentaddress,};
<!--ajax请求-->
$.ajax({
url:'register',
type:'POST', //方法:例如Post/get等等
data : post_data, /*客户端发送给服务器传递的参数*/
dataType:"json", /*参数数据类型*/
success: function (data) { //此处的data表示服务器传过来的json数据
var flag_href = data['flag_href'];
if (flag_href == "1") //1表示跳转,注册成功
{
alert("用户注册成功");
document.getElementById("login_click").click();<!--点击a标签,实现跳转url-->
}
/*表示有存在错误信息*/
else{
var error_info = data['error_info']; //获取错误信息
alert(error_info)//显示错误信息
document.getElementById("register_click").click();<!--点击a标签,实现刷新界面,待完善,这个方法感觉不对-->
}
}
});
});
</script>
终于工作满一年了,还是挺感慨的,技能掌握的还不是很好,希望今年能是个All In的一年,学习知识,提升技能