您的位置:首页 > Web前端 > JQuery

jquery中ajax的调用完成前台的用户名校验

2018-03-26 18:36 357 查看
1.需求:前台一个输入框输入姓名,当鼠标离开输入框时,系统会查询这个值并校验,然后会返回用户名是否可以使用的信息

2.实现方法:输入框有一个失去焦点事件,当失去焦点时,调用get方法并返回数据,然后把数据通过.html方法赋给输入框里面的一个span标签,代码如下:

$(document).ready(function(){
//输入框失去焦点是激发后面的函数
$("#username").blur(function(){
//在
//$("#username").load("${pageContext.request.contextPath}/user_findByname.action?time="+new Date().getTime()+"&username="+username,function(){
$.get("${pageContext.request.contextPath}/user_findByname.action?time="+new Date().getTime()+"&username="+username,function(data,status){

$("#span1").html(data);

});

})
})


3.后台实现:get连接里面会跳转到一个user_findByName的action,username
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐