基于jQuery实现Ajax验证用户名是否可用实例
网络编程 2021-07-04 17:33www.168986.cn编程入门
这篇文章主要为大家详细介绍了基于jQuery实现Ajax验证用户名是否可用实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了jQuery ajax简单案例-验证用户名是否可用的具体代码,供大家参考,具体内容如下
HTML
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="/jquery_ajax/js/jquery-1.8.3.js"></script> <script type="text/javascript"> //页面加载完成后 $(function() { //添加失焦事件 $("#username").blur(function() { //获取录入的用户名 var usernamevalue = $("#username").val(); //向服务器发送请求 var url="/jquery_ajax/load"; $("#username_span").load(url,{'username':usernamevalue}); }); }); </script> </head> <body> <input type="text" name="username" id="username"><span id="username_span"></span> <br> <input type="password" name="password"> <br> </body> </html>
LoginServlet
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("<font color='red'>用户名被占用</font>"); } else { // 用户名可以使用 response.getWriter().write("<font color='green'>用户名可以使用</font>"); } } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } }
web.xml
<servlet> <description></description> <display-name>LoadServlet</display-name> <servlet-name>LoadServlet</servlet-name> <!-- Class clazz = Class.forName(".zxl.servlet.LoadServlet"); Object obj = clazz.newInstatnce(); // 反射去调用 doGet, doPost --> <servlet-class>.zxl.servlet.LoadServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>LoadServlet</servlet-name> <url-pattern>/load</url-pattern> </servlet-mapping>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持狼蚁SEO。
上一篇:使用Vue构建可重用的分页组件
下一篇:jQuery实现的回车触发按钮事件功能示例
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程