最近看到了jQuery 的ajax实现,想到了这个功能并写了下来。 简略代码如下:
1、reg.jsp
<%@ page language="java" contentType="text/html;charset=utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jQuery ajax</title>
<script type="text/javascript" src="resources/js/jquery-1.1.3.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#uName").change(function(){
$.post("register.do", { name: $("#uName").val()} ,function(data){$("#output").text(data);});
});
});
</script>
</head>
<body>
<div id="reg">
<font size="4" color="blue"><b>注册</b></font>
<form name="form1" action="" method="post">
用户名:<input type="text" name="uName" id="uName"> <font id="output"></font><p>
</form>
</div>
</body>
</html>
2、RegisterAction.java
package com.demo.action;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
public class RegisterAction extends Action {
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response){
// TODO Auto-generated method stub
response.setCharacterEncoding("utf-8");
response.setHeader("Charset","utf-8");
response.setHeader("Cache-Control", "no-cache");
try {
PrintWriter out = response.getWriter();
String username = request.getParameter("name").trim();
//例子中未使用数据库。。。
System.out.println(username+"--------------------");
if(username.equals("kong")){
out.println("用户名已存在!");
return null;
}
if(username==null & username==""){
out.println("用户名不能为空!");
return null;
}
if(username.length()<4){
out.println("用户名为4-16位的数字或字母!");
return null;
}else{
out.println("ok!!");
return null;
}
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return null;
}
}
ok,代码到此结束。是不是很简单!!
注意一点,要配上过滤器,不然会有乱码!!
分享到:
相关推荐
Struts2 Jquery 实现Ajax无刷新验证用户名是否存在,网上这样的例子太少了!许多下载的项目都存在实际的问题,所以自己写了一个比较全面的例子。兼容目前主流浏览器,欢迎大家下载
sturts+jquery+ajax实现无刷新 验证用户名是否存在
VS2008下C#代码运用jQuery的AJAX功能无刷新验证用户名,验证成功后将信息带回。两种方式实现,一种直接用get实现,一种使用ashx代码实现。
通过ajax实现页面无刷新验证用户名是否可用,在不点击提交按钮的基础上自动验证用户名,注意此时没有连接数据库去做判断,重点只是实现无刷新的数据交换
VS2008下C#代码运用jQuery的AJAX功能无刷新验证用户名,验证成功后将信息带回。两种方式实现,一种直接用get实现,一种使用ashx代码实现。
用servlet和juqery做的,用户注册,验证的例子,很简单,虽然还没验证,但是可以马上无刷新显示用户名。
这与传统的同步方式检测用户名是否存在,全然不同,本例实现了ajax的异步请求,用户无须等待,页面在返回结果时无刷新,大大改善了用户的体验!本实例运行环境,可以是Eclipse,也可以是IntelliJ。
(本人语言表达能力有限,大家忍着看) 功 能 在网站注册用户时使用,主要为了无刷新异步验证用户输入的用户名或者Email是否已注册。 这功能大家肯定见过,大多数网站都有的,我一直对这个功能很感兴趣,所以这几天...
Ajax的出现让Web展现了更新的活力,基本所有的语言,都动态支持Ajax与起服务端进行通信,并在页面实现无刷新动态交互。 下面是散仙使用Django+Jquery+Ajax的方式来模拟实现了一个验证用户注册时,用户名存在不存在的...
第一种方式实现ajax异步刷新--ajax 2.需求2: 第二种方式实现ajax异步刷新--get 3.需求3: 第三种方式实现ajax异步刷新--post 4.需求4: 第四种方式实现ajax异步刷新--getJSON 5.需求5: 第五种 使用jquery发送...
JQuery 再谈ajax局部刷新。 案例: 描述: 1. 点击登录则弹出登录对话框 2. 如果用户名密码不正确,则提示错误信息 3. 当输入信息正确,则刷新登录信息,显示用户名和退出按钮 4. 点击退出弹出提示信息...
jQuery+AJAX+ASP无刷新提交、删除、翻页实例 ASP+AJAX无刷新用户注册、判断用户名数据库版 Ajax无刷新登录实例(ASP+ACCESS) ASP+ajax树状折叠菜单动态读取数据库版 ASP+AJAX表单验证含省市级联菜单 ASP+AJAX批量...
只有通过js才能实现Ajax,进而实行异步刷新 表单提交数据和Ajax提交数据的区别:表单提交是提交的整个页面中的数据,提交数据之后会抛弃之前的页面(刷新页面);ajax是在当前页面提取某些数据并提交出去,并能接收返...
8.12 使用AJAX刷新验证PHP会话是否有效 8.13 在AJAX异步调用时显示加载指示器 8.14 在AJAX异步调用时处理JSON数据 8.15 解析XML数据并加载到HTML表格 8.16 jQuery AJAX错误的处理方法 8.17 在页面级创建全局的AJAX...
房屋详细信息页面,采用minijquery实现TAB无刷新页面显示图片,地图,设施,评论信息。 房间发布采用51图灵地图进行房间定位,获取经纬度。SWFUpload批量图片上传。无刷新表单判断采用js提示,界面美观,从服务器...
推荐一个国人编写的、超牛的、基于jQuery插件式、监听模式(无侵入)的html页面form表单通用验证框架: ...并对username、email字段实现无刷新服务器验证。 压缩包中含有demo,demo就是文档,很容易使用
10-22 1 ajax介绍 无刷新验证用户名 10-22 2 ajax如何处理xml格式返回数据 10-22 3 json 10-22 4 ajax如何处理json格式返回数据 10-22 5 ajax应用 省市联动 10-22 6 ajax应用 黄金市场报价 10-23 1 简易在线聊天室1 ...
前端方面:JavaScript(jquery)核心语法、AJAX异步刷新、Layui前端 UI 框架 数据库方面:Mysql基本的DDL、DML语法 实现的功能 1. 用户登录模块 :超级管理员、宿舍管理员、学生三种不同角色的用户登录系统,呈现...