html怎么判断用户名重复 ajax验证注册用户名是否重复

后端视图代码views.py

defcheck_user():

form=RegistrationForm()#定义json字典数据格式

result ={"code":"","data":""}

user_lst= [i for i inUser_db().keys()]print(user_lst)if request.method == 'GET':return render_template('register.html', form=form)ifform.validate_on_submit():

username= request.form.get("username")print(username)#查询数据库有无这个用户

if username inuser_lst:

result["code"] = 400result["data"] = "用户名已存在"

else:

result["code"] = 200result["data"] = "用户名未被注册，可以使用"

#return jsonify(result)

return render_template('register.html', error=result, form=form)

register.html 模板里加

{% if error %}

{{ error.data }}

{% endif %}

javascripts代码

//使用jQuery，获取用户名输入框信息，触发焦点事件

// {#校验用户名#}

$("#username").blur(

function () {

var username = $("#username").val();

var url = "/check_user/";

var send_data = {

"username": username,

};

$.ajax(

{

url: url,

type: "post",

data: send_data,

success: function (data) {

if (data.code == 400){

$("#submit").attr("disabled",true)

} else{

$("#submit").attr("disabled",false)

}

{#$("#error").text(error.data)#}

var error = data['error'];

$("#error").html(error);

$("#error").show();

},

error: function (error) {

console.log(error)

}

}

)

}

)