ajax异步验证账号重复
请问我做一个ajax异步验证账号是否重复为啥啥都不显示呢?搞了一晚上没发现问题
script代码:
jsp代码:
servlet代码:
script代码:
$(function(){
$("#uname").onblur(function(){//当xxx失去焦点时
var value = $("#uname").val();//获取id为xxx的元素
$.ajax({
url:"/servlet/AjaxServlet",//要请求服务器URL
data:{"val":value},//这是一个对象,它表示请求参数 服务器端可以使用request。getParamet() 来获取
async:true,//是否为异步请求
cache:false,//是否缓存结果
type:"POST",//请求方式
dataType:"json",//服务器返回的数据是什么类型 json:接收一个对象
success:function(result){//这个函数会在服务器执行成功时被调用,参数result就是服务器返回的值
if(result){
document.getElementById("notice").innerText="已存在";
}else{
document.getElementById("notice").innerText="hh";
}
}
});
});
}); jsp代码:
<form action="ZuCe_result.jsp" method="post" name="frm_register">
<table border="0" cellspacing="5" cellpadding="0" width="50%" align="center">
<tr>
<td>用户名:</td>
<td><input type="text" size="30" name="uname" id="uname" /><span id="notice"></span></td>
</tr>servlet代码:
@WebServlet("/AjaxServlet")
public class AjaxServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public AjaxServlet() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
String value = request.getParameter("val");//在adjx的data中进行设置
UserDao dao = new UserDao();
boolean rs = dao.isExitUname("value");
if(rs){
//用jquery的 ajax回调函数 返回的值就是 print中的字符串
response.getWriter().print("true");
}else{
response.getWriter().print("false");
}
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}
...全文
相关推荐
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
在当今的Web开发中,前后端的交互和数据验证是构建稳定应用的重要环节。本篇文档将围绕如何利用layui框架实现自定义验证,特别是在表单提交之前通过ajax异步查询后端数据,确保没有重复数据。
ajax 验证名字是否重复
在本例中,我们关注的是如何利用Ajax来验证用户输入的名字是否在数据库中重复,这是一个常见的功能,例如在注册新用户或创建新账号时确保用户名的独特性。
ajax登录验证
在压缩包中的“ajax注册验证”文件,虽然没有详细信息,但我们可以推测它可能包含了类似的注册功能,即用户输入新账号信息并通过Ajax发送到服务器进行验证,确保用户名的唯一性,防止重复注册。
Ajax实现异步刷新验证用户名是否已存在的具体方法
Ajax实现异步验证的步骤在上述文档的示例中,当用户在账号输入框失去焦点时,触发`loadXMLDoc`函数。该函数首先检查输入框中的用户名是否为空,如果为空,则显示提示信息。
ajax无刷新登录,修改信息
当用户输入账号密码并点击登录时,JavaScript通过Ajax调用后台接口,将登录信息发送到服务器。


Web 开发
