.jsp页面
<script type="text/javascript">
$(document).ready(function () {
$("#name").blur(function () {
//拿到用户名填写的内容
var name = $("#name").val();
if (name == null || name == "") {
$("#nameDiv").html("用户名不能为空!");
} else {
var url="/userServlet";
//json:{"name":"张三","name":"李四"}
$.ajax({
"url":url, //请求URL地址
"type":"GET", //请求发送方式
"data":"name="+name, //请求发送数据
"dataType":"text", //服务器返回的数据格式
"success":ifSuccess, //响应成功后要执行的代码
"error":function(){alert("验证错误,请稍后再试")}
});
// ajax(url,"POST","name="+name,ifSuccess,ifError);
//回调函数------ 响应正确完成
function ifSuccess(data) {
if(data=="true"){
$("#nameDiv").html("用户名已被使用")
}else{
$("#nameDiv").html("用户名可以使用")
}
}
function ifError() {
//****
}
}
})
})
</script>
用 户 名: | * |
servlet类
@WebServlet(name = “UserServlet”,urlPatterns = “/userServlet”)
public class UserServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//请求
String name =request.getParameter(“name”);
boolean used=false;
if(“admin”.equals(name)){
used=true;
}
//响应
response.setContentType(“text/html;charset=UTF-8”);
PrintWriter out= response.getWriter();
out.print(used);
out.flush();
out.close();
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request,response);
}
}