ajax 验证用户名是否已存在

2024-06-25 13:57| 来源: 网络整理| 查看: 265

ajax验证用户名是否已存在

ajax验证用户名是否已存在，一般选用的是同步请求，因为验证用户是否存在的同时，一般还要验证用户名是否为空等表单验证。

jsp页面以及ajax验证如下：

My JSP 'index.jsp' starting page $(function(){ $("#uname").blur(function(){ var uname = $(this).val(); if(uname==""){ $("#remind").html("用户名不能为空"); }else{ // $.ajax方法实现 $.ajax({ url:"IsUserServlet", type:"get", data:"uname="+uname, dataType:"text", async:false, success:function(result){ $("#remind").html(result); } }); // $.get()方法实现，$.post方法也是一样的，post方法不能在地址后面直接传值 //$.get("IsUserServlet","uname=" + uname, function(result){ // $("#remind").html(result); //},"text"); // load()方式实现 //$("#remind").load("IsUserServlet","uname=" + uname); } }); }); 用户名：

控制层的servlet代码如下：

public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { User user = new User(); // 接收前端输入的用户名 String uname = request.getParameter("uname"); request.setCharacterEncoding("utf-8"); response.setCharacterEncoding("utf-8"); UserService userService = new UserServiceImpl(); if(userService.login(uname)){ response.getWriter().write("用户名已存在"); }else{ response.getWriter().write("用户名不存在"); } }

ajax验证用户名结果示例：

这里写图片描述

感谢您的阅读，欢迎参观我的个人网站：知行乐集【www.zhixinglj.cn】

【本文地址】

公司简介

联系我们