本文实例为大家分享了Ajax验证用户名是否存在的实例代码，代码简单易懂，非常不错，需要的朋友可以参考下
jsp页面
我引入了bootstrap和jQuery
<div class=”form-group”>
<label for=”inputEmail3″ class=”col-sm-2 control-label”
style=”color: #fff”>姓名</label>
<div class=”col-sm-10″>
<input type=”text” class=”form-control” id=”studentName”
name=”studentName” placeholder=”请输入姓名”>
<span id=”s_studentName”></span>
</div>
</div>
<label for=”inputEmail3″ class=”col-sm-2 control-label”
style=”color: #fff”>姓名</label>
<div class=”col-sm-10″>
<input type=”text” class=”form-control” id=”studentName”
name=”studentName” placeholder=”请输入姓名”>
<span id=”s_studentName”></span>
</div>
</div>
register.jsp页面
<script src=”https://www.jb51.net/article/js/jquery.min.js”></script>
<script src=”https://www.jb51.net/article/js/bootstrap.min.js”></script>
<script>
//页面加载完成之后
function fun() {
//给用户名绑定blur事件
$(“#studentName”).blur(function() {
//获取studentName文本框的值
var studentName=$(“#studentName”).val();
//发送ajax请求
//期望服务器响应回的数据格式;
fun();
</script>
<script src=”https://www.jb51.net/article/js/bootstrap.min.js”></script>
<script>
//页面加载完成之后
function fun() {
//给用户名绑定blur事件
$(“#studentName”).blur(function() {
//获取studentName文本框的值
var studentName=$(“#studentName”).val();
//发送ajax请求
//期望服务器响应回的数据格式;
fun();
</script>
后台student文件下的CheckNameServlet页面
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//设置编码格式
response.setContentType(“text/html;charset=UTF-8”);
//获取前端页面的值
String name=request.getParameter(“studentName”);
// 期望服务器响应回的数据格式
throws ServletException, IOException {
//设置编码格式
response.setContentType(“text/html;charset=UTF-8”);
//获取前端页面的值
String name=request.getParameter(“studentName”);
// 期望服务器响应回的数据格式
JDBCDemo的方法的实现（我没实现接口，直接写的）
public static boolean checkName(String name) throws SQLException {
boolean flag=false;
String sql=”select * from student_table where student_name=?”;
PreparedStatement statement=connection.prepareStatement(sql);
statement.setString(1, name);
ResultSet set=statement.executeQuery();
如果存在我输入的用户名和数据库表中已有的用户名相同时
if(set.next()) {
flag=true;
}
return flag;
}
}
boolean flag=false;
String sql=”select * from student_table where student_name=?”;
PreparedStatement statement=connection.prepareStatement(sql);
statement.setString(1, name);
ResultSet set=statement.executeQuery();
如果存在我输入的用户名和数据库表中已有的用户名相同时
if(set.next()) {
flag=true;
}
return flag;
}
}
总结：
以上所述是小编给大家介绍的Ajax验证用户名是否存在的实例代码，希望对大家有所帮助。
您可能感兴趣的文章:ThinkPHP框架结合Ajax实现用户名校验功能示例ajax实现用户名校验的传统和jquery的$.post方式(实例讲解)使用AJAX完成用户名是否存在异步校验ajax设置async校验用户名是否存在的实现方法jquery easyUI中ajax异步校验用户名SSH网上商城之使用ajax完成用户名是否存在异步校验
© 版权声明
文章版权归作者所有，未经允许请勿转载。
相关文章
