ajax获取用户名,jQuery+Ajax验证用户名步骤详解

这次给大家带来jQuery+Ajax验证用户名步骤详解，jQuery+Ajax验证用户名的注意事项有哪些，下面就是实战案例，一起来看一下。

HTML

Insert title here

//页面加载完成后

$(function() {

//添加失焦事件

$("#username").blur(function() {

//获取录入的用户名

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

//向服务器发送请求

var url="/jquery_ajax/load";

$("#username_span").load(url,{'username':usernamevalue});

});

});

public class LoadServlet extends HttpServlet {

public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

// 解决乱码

request.setCharacterEncoding("utf-8");

response.setCharacterEncoding("utf-8");

// 1.得到用户名

String username = request.getParameter("username");

// 2.判断用户名是否可以使用

if ("tom".equals(username)) {

// 用户名不可以使用

response.getWriter().write("用户名被占用");

} else {

// 用户名可以使用

response.getWriter().write("用户名可以使用");

}

}

public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

doGet(request, response);

}

}

web.xml

LoadServlet

LoadServlet

com.zxl.servlet.LoadServlet

LoadServlet

/load

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：