Go语言视频零基础入门到精通

javalearner · 发表于 2014-10-13 00:49:27

这个例子是关于输入校验的问题，我们知道，在用户申请注册的时候，需要去数据库对该用户名进行唯一性确认，然后才能继续往下申请。
这种校验需要访问后台数据库，但又不希望用户在这里提交后等待，当然是AJAX技术大显身手的时候了。
一、处理逻辑JSP:
<%@ page contentType="text/HTML; charset=gb2312" language="java" errorPage="" %>
<%
String username= request.getParameter("username");
if("educhina".equals(username)) out.print("用户名已经被注册，请更换一个用户名。");
else out.print("用户名尚未被使用，您可以继续。");
%>
   非常简单，先取得参数，然后作处理，最后将结果打印在out里。



二、显示UI的html文件 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Check.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page"> </head>
<script type="text/javascript">

var http_request = false;
function send_request(url) {//初始化、指定处理函数、发送请求的函数
http_request = false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
　　http_request = new XMLHttpRequest();
　　if (http_request.overrideMimeType) {//设置MiME类别
　　http_request.overrideMimeType("text/xml");
　　}
}else if (window.ActiveXObject) { // IE浏览器
　　try {
　　 http_request = new ActiveXObject("Msxml2.XMLHTTP");
　　} catch (e) {
　　 try {
　　 http_request = new ActiveXObject("Microsoft.XMLHTTP");
　　 } catch (e) {}
　　}
}
if (!http_request) { // 异常，创建对象实例失败
　　window.alert("不能创建XMLHttpRequest对象实例.");
　　return false;
}
http_request.onreadystatechange = processRequest;
// 确定发送请求的方式和URL以及是否同步执行下段代码
http_request.open("GET", url, true);
http_request.send(null);
}
// 处理返回信息的函数
　　function processRequest() {
　　if (http_request.readyState == 4) { // 判断对象状态
　　if (http_request.status == 200) { // 信息已经成功返回，开始处理信息
　　 alert(http_request.responseText);
　　} else { //页面不正常
　　 alert("您所请求的页面有异常。");
　　}
　　}
　　}
function userCheck() {
var f = document.form1;
var username = f.username.value;
if(username=="") {
　　window.alert("The user name can not be null!");
　　f.username.focus();
　　return false;
}else {
　　send_request("check1.jsp?username="+username);
}
}

复制代码

</script>
<body>
<form name="form1" action="" method="post">
User Name:<input type="text" name="username" value="">
<input type="button" name="check" value="check" onClick="userCheck()">
<input type="submit" name="submit" value="submit">
</form>
</body>
</html>














源码下载：http://file.javaxxz.com/2014/10/13/004927015.zip

		自动登录	找回密码
密码			立即注册

JAVA高级面试进阶视频教程	Java架构师系统进阶VIP课程	分布式高可用全栈开发微服务教程	Go语言视频零基础入门到精通	Java架构师3期(课件+源码)
Java开发全终端实战租房项目视频教程	SpringBoot2.X入门到高级使用教程	大数据培训第六期全套视频教程	深度学习（CNN RNN GAN）算法原理	Java亿级流量电商系统视频教程
互联网架构师视频教程	年薪50万Spark2.0从入门到精通	年薪50万！人工智能学习路线教程	年薪50万！大数据从入门到精通学习路线	年薪50万！机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程	深度学习数据分析基础到实战	最新黑马javaEE2.1就业课程	从 0到JVM实战高手教程	MySQL入门到精通教程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

Java亿级流量电商系统视频教程

年薪50万Spark2.0从入门到精通

年薪50万！人工智能学习路线教程

[AJAX学习]JSP+AJAX 校验用户名

相关帖子

浏览过的版块