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("com.zxl.servlet.LoadServlet");Object obj = clazz.newInstatnce();// 反射去调用 doGet, doPost--><servlet-class>com.zxl.servlet.LoadServlet</servlet-class></servlet><servlet-mapping><servlet-name>LoadServlet</servlet-name><url-pattern>/load</url-pattern></servlet-mapping>

jQuery ajax简单案例-验证用户名是否可用相关推荐

ajax校验用户名可用吗,基于jQuery实现Ajax验证用户名是否可用实例
本文实例为大家分享了jQuery ajax简单案例-验证用户名是否可用的具体代码,供大家参考,具体内容如下 HTML Insert title here //页面加载完成后 $(function() ...
案例：验证用户名是否可用
案例:验证用户名是否可用 <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...
使用jquery ajax 实现用户的用户名注册验证，如果该用户已存在则提示该用户已存在
使用jquery ajax 实现用户的用户名注册验证,如果该用户已存在则提示该用户已存在 jQuery AJAX 基本使用方法接口使用 http://180.76.117.80:8080/AjaxS ...
php 页面异步刷新,php+jQuery+Ajax简单实现页面异步刷新
php+jQuery+Ajax简单实现页面异步刷新这里有新鲜出炉的 jQuery 示例,程序狗速度看过来! jQuery javascript 框架 jQuery 是一个兼容多浏览器的 javasc ...
ajax token验证实例,实例详解jQuery Ajax使用Token验证身份
因为最近做了几个后台,所以经常会涉及到Token验证身份操作后台,所以这里记录一个如何向后台传请求头和Token.本文主要介绍了jQuery Ajax使用Token验证身份实例代码,需要的朋友可以参考 ...
html ajax验证用户名密码,AJAX实现注册验证用户名
本文实例为大家分享了AJAX实现注册验证用户名的具体代码,供大家参考,具体内容如下功能说明当用户在注册页面输入用户名并且鼠标焦点离开输入框时,到数据表中去验证该用户名是否已经存在,如果存在提示不可 ...
php get验证,PHP+Ajax简单get验证操作示例
本文实例讲述了PHP+Ajax简单get验证操作.分享给大家供大家参考,具体如下: 1.显示页面代码 index.html XMLHttpRequest独对象使用实例 //第一步创建ajax引擎对象 ...
ajax向服务端发送请求验证用户名是否可用小示例
使用ajax向服务器发送请求 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...
validate+jquery+ajax表单验证
1.案例 1.1 Html form表单内容 <form class="cForm" id="cForm" method="post" ...

jQuery ajax简单案例-验证用户名是否可用

jQuery ajax简单案例-验证用户名是否可用

jQuery ajax简单案例-验证用户名是否可用相关推荐

最新文章

热门文章