今天学了一下ajax，感觉很爽啊。ajax真是很强大、
我首先就把我之前一直没解决的问题：如何在前台动态验证用户名是否已注册，而不必提交刷新之后再验证，上代码：
首先，jsp页面：
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<input type="text" name="text1" id="text1id" onblur="Ajaxtest1();"><br>
<input type="text" name="text2" id="text2id" /><br>
<%-- <input type="button" value="button" onclick="Ajaxtest1();"><br>--%>
<div id="div1"></div>
</body>
</html>
这个其实只是两个文本框，输入用、
下面是js代码。验证用的、
<script type="text/javascript">
var xmlhttprequest=null;
function Ajaxtest1(){
if(window.ActiveXObject){//IE浏览器
xmlhttprequest=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlhttprequest=new XMLHttpRequest();
}
if(null!=xmlhttprequest){
var text1=document.getElementById("text1id").value;
var text2=document.getElementById("text2id").value;
xmlhttprequest.open("GET", "testajax1?t1="+text1+"&t2="+text2, true);
xmlhttprequest.onreadystatechange=ajaxcallback;
//var tt=document.getElementById("text1").innerHTML;
xmlhttprequest.send(null);
}
}
function ajaxcallback(){
if(xmlhttprequest.readyState==4){
if(xmlhttprequest.status==200){
var text=xmlhttprequest.responseText;
document.getElementById("div1").innerHTML=text;
}
}
}
</script>这个没什么可说的，唯一注意的一点就是xmlhttprequest.open("GET", "testajax1?t1="+text1+"&t2="+text2, true);
这里面的testajax1是servlet，注意这个地址需和web.xml保持一致。
接下来是testajax1.java
package com.guang.ajax;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.guang.sqlhelp.sqlhelp;
import java.sql.*;
public class testajax1 extends HttpServlet {
public testajax1() {
super();
}
int i=0;
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("gbk");
response.setContentType("text/html;charset=gbk");
PrintWriter out = response.getWriter();
//System.out.println("doGet"+i);
i++;
String t1=request.getParameter("t1");
//System.out.println(t1);
//out.println("Hello World");
sqlhelp sp=new sqlhelp();
Connection conn=sp.getconn();
Statement sta=sp.getsta2(conn);
String sql="select * from baseinfo where usernum='"+t1+"'";
ResultSet set=sp.getset(sta, sql);
int j=0;
if(set!=null){
try {
set.last();
} catch (SQLException e) {
e.printStackTrace();
}
try {
j=set.getRow();
} catch (SQLException e) {
e.printStackTrace();
}
if(j==1){
out.println("此学号已被注册，请换一个！！");
}
else{
out.println("恭喜您，这个可以注册！");
}
out.close();
}
}
}
那个。上面的也很简单，就是一个取数据的过程，唯一的一个就是验证行数。这个也可以其他的方法。
sqlhelp在这里我就不贴出来了。
分享到：
相关推荐
在这个"Ajax注册验证用户名实例"中，我们将深入探讨如何利用Ajax技术来实现用户在注册时实时验证用户名是否已存在，从而提供更优秀的用户体验。 首先，我们需要一个HTML页面作为用户界面，包含一个输入框让用户输入...
在本场景中，当用户输入用户名并提交时，会触发一个Ajax请求，这个请求不会导致整个页面刷新，而是仅仅向服务器发送用户输入的用户名，请求验证是否已存在。 **2. jQuery** jQuery是一个轻量级的JavaScript库，简化...
AJAX 是一种用于创建快速动态网页的技术。其核心是 JavaScript 对象 XMLHttpRequest。该对象在 Internet Explorer 5 中首次引入，它是一种支持异步请求的技术。简而言之，XMLHttpRequest使您可以使用 JavaScript 向...
在注册表单中，当用户输入用户名并失去焦点时，我们可以使用Ajax发送一个请求到服务器，验证用户名。这里是一个使用jQuery的示例： ```javascript $(document).ready(function() { $('#username').on('blur', ...
"利用Ajax实现无刷新验证用户名和密码是否正确"这一技术就是为了让用户在输入登录信息时能够得到即时反馈，无需等待页面整体刷新，极大地提升了交互体验。Ajax（Asynchronous JavaScript and XML）是一种创建动态...
在这个"php+mysql+Ajax验证用户名是否已占用"的场景中，我们将探讨如何利用PHP、MySQL数据库和Ajax技术来实现实时的前端验证，从而提高用户体验并减少服务器压力。 首先，让我们了解一下这些技术的基础知识： 1. ...
本实例中，我们将探讨如何利用Ajax实现异步验证注册用户名是否存在，以避免重复注册的情况。 首先，我们关注的是`ajax.js`文件，这是实现Ajax请求的核心。在JavaScript中，通常会使用`XMLHttpRequest`对象或更现代...
在本项目"ssm+ajax 验证用户名是否已存在"中，我们将探讨如何利用SSM框架和Ajax技术来实时检查用户在注册时输入的用户名是否已经被其他用户占用。 首先，Spring作为整个项目的依赖注入容器，负责管理应用中的对象，...
在网页开发中，Ajax（Asynchronous JavaScript and XML）技术被广泛用于实现页面的异步更新，无需刷新整个页面即可与服务器进行数据交互。本教程主要关注如何利用Ajax实现用户名的实时验证，这对于用户注册功能至关...
本话题主要探讨如何利用Ajax实现用户注册时验证用户名是否已存在的功能，以及Rapid Validate工具的使用。 首先，当用户在注册界面输入用户名时，我们可以使用Ajax发送异步请求到服务器，查询数据库中该用户名是否已...
在开发Web应用时，用户注册或登录过程中常常需要验证用户名、邮箱等信息是否已被占用。为了提供更好的用户体验，"Ajax实时验证用户名邮箱等是否已经存在"的技术被广泛应用。这种技术利用Ajax（Asynchronous ...
在本示例中，我们将探讨如何利用这两者来实现Ajax无刷新验证，即在用户输入用户名时，后台实时检查该用户名是否已存在，而无需刷新整个页面。 Struts2是一个基于MVC（Model-View-Controller）架构的开源框架，用于...
总结，实现"ajax异步验证用户名是否存在"涉及前端的JavaScript交互、AJAX请求的发起和响应处理，以及服务器端的数据库查询和响应构造。通过这种方式，我们可以为用户提供即时反馈，提升其使用体验。
"Ajax验证用户名是否存在"是一个常见的功能，它使得用户在输入用户名时可以即时得到反馈，无需频繁地提交表单来检查用户名是否已被占用。这个功能通过利用Ajax（异步JavaScript和XML）技术实现，极大地提升了交互性...
总结来说，"AJax验证用户名是否存在"是Web开发中常见的功能，通过DWR或原生JavaScript，我们可以实现与后台的无刷新交互，检查用户名的可用性，提高用户注册或登录的效率。同时，需要注意安全性与性能的优化，确保...
在本场景中，标题"Ajax请求验证用户名问题"指的是使用Ajax来实现用户输入用户名时实时检查该用户名是否已被占用的功能。这通常在注册或登录界面非常常见，提供用户友好的体验，因为他们可以即时得知用户名是否可用，...
在这个场景中，“Ajax+ASP验证用户名”指的是利用Ajax技术向服务器发送异步请求，通过ASP后端脚本检查数据库中用户名是否已存在，从而即时反馈给用户其输入的用户名是否可用。 Ajax的核心在于实现页面的局部刷新，...
【描述】虽然描述为空，但可以推断这篇博文可能详细讲解了如何通过AJAX技术实现在用户输入用户名时，后台验证用户名是否已存在或符合特定规则，避免用户提交表单后才发现问题，提高用户体验。 【标签】"源码 工具...
### AJAX与Struts结合实现无刷新验证用户名是否存在 在Web开发中，用户体验是至关重要的因素之一。传统的表单提交方式往往会导致整个页面重新加载，这不仅降低了用户体验，还增加了服务器的负担。为了解决这一问题...
"Ajax无刷新注册验证用户名"是一个典型的例子，它展示了如何利用Ajax技术来实现在用户输入时即时验证用户名是否可用，而无需页面整体刷新。以下是对这个主题的详细讲解： 1. **Ajax基础**：Ajax的核心是能够在不...