jsp页面:
<script type="text/javascript" language="javascript">
var xmlHttp = false;
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
//检测用户名是否存在
function callServerCheckUname() {
//通过GET方法请求,将请求封装在URL中
var uname = document.getElementById("u_name").value;
xmlHttp.open("POST", 'CheckUname?u_name='+uname);
//设置服务器响应的处理方法
xmlHttp.onreadystatechange = updatePageCheckUname;
// 发送请求
xmlHttp.send(null);
}
function updatePageCheckUname() {
if (xmlHttp.readyState == 4) {
var response = xmlHttp.responseText;
if(response >= 1){
alert("用户名已存在!");
}else{
alert("可注册!");
}
}
}
</script>
web.xml配置文件:
<servlet>
<servlet-name>CheckUname</servlet-name>
<servlet-class>servlet.AjaxCheckUname</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>CheckUname</servlet-name>
<url-pattern>/CheckUname</url-pattern>
</servlet-mapping>
servlet页面:
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=GB2312");
PrintWriter out = response.getWriter();
try {
String uname = request.getParameter("u_name");
RegistDAOImpl regDao = new RegistDAOImpl();
out.print(regDao.checkUname(uname)) ;
} catch (Exception e) {
}
out.flush();
out.close();
}
DAO实现类:
public int checkUname(String uname){
Connection conn = null;
PreparedStatement pstm = null;
ResultSet rs = null;
int success = 0;
String sql = "select u_name from u_info where u_name='"+uname+"' or u_mobtel='"+uname+"' or u_email='"+uname+"'";
try {
conn = getConnection();
pstm = conn.prepareStatement(sql);
rs = pstm.executeQuery(sql);
if(rs.next()){
success = 1;
}
return success;
} catch (Exception e) {
e.printStackTrace();
} finally {
try {
conn.close();
} catch (Exception e) {
e.printStackTrace();
}
}
return success;
}
紫色头发:http://zisetoufa.iteye.com
分享到:
相关推荐
通过以上步骤,我们就实现了利用Ajax检测用户名是否被占用的功能。这一功能不仅提高了用户注册的效率,也降低了用户的等待时间,提升了整体的用户体验。在实际项目中,还可以根据需求进行更复杂的设计和优化,比如...
"使用Ajax模拟用户名是否被占用"这个话题正是为了提升这种体验而设计的。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下,与服务器进行异步数据交换,这样用户在输入用户名时就能...
5. **前端开发**:使用JavaScript和Ajax库(如jQuery或Fetch API)编写前端代码,负责捕获用户输入,发送Ajax请求,以及接收并处理服务器响应,更新UI以显示用户名是否可用。 6. **后端开发**:ASP脚本在服务器端...
在本教程中,我们将探讨如何利用AJAX(Asynchronous JavaScript and XML)技术来检测用户名是否重复,以提升用户体验,避免用户在提交表单后才收到用户名已存在的错误提示。 首先,让我们理解什么是AJAX。AJAX是一...
首先,当用户在注册界面输入用户名时,我们可以使用Ajax发送异步请求到服务器,查询数据库中该用户名是否已被占用。这样可以提高用户体验,因为用户无需点击“检查可用性”按钮或提交整个表单来获取反馈。以下是一个...
本篇将详细讲解如何使用ASP(Active Server Pages)、AJAX(Asynchronous JavaScript and XML)以及ACCESS数据库来实现一个无刷新的用户名检测功能,让用户在注册时能够实时知晓所选用户名是否已被占用,无需等待新...
"Ajax+ASP自动检测用户名是否已经存在的实例"就是一个这样的功能,它允许系统在用户输入用户名时实时检查数据库中是否存在相同的用户名,提高用户体验并避免数据冲突。下面我们将详细探讨这个实例涉及的技术和实现...
以上就是在Eclipse中使用Ajax实现检测用户名是否存在的基本流程。这个例子展示了如何通过JavaScript与服务器进行异步通信,以及如何利用jQuery简化这一过程。同时,也演示了如何在服务器端处理请求并返回数据。通过...
2. **jQuery或Vanilla JS**:为了简化JavaScript操作,开发者可能选择使用jQuery库,它提供了更简洁的API来处理DOM操作和AJAX请求。如果采用原生JavaScript,需要手动处理更多的细节。 3. **JSON**:虽然AJAX名字中...
本文将深入探讨如何使用AJAX(Asynchronous JavaScript and XML)进行异步验证,实现在用户输入时即时检查用户名是否已存在于数据库中。 首先,我们需要理解AJAX的核心概念。AJAX允许我们在不刷新整个网页的情况下...
本文将深入探讨如何使用Ajax实现用户注册时判断用户名是否已存在的功能。 首先,我们需要理解Ajax的基本工作原理。Ajax的核心是XMLHttpRequest对象,它允许JavaScript向服务器发送HTTP请求并接收响应。通过创建...
3. **服务器端处理**:在收到AJAX请求后,服务器端(通常是ASP.NET的后端代码)需要验证用户名是否存在于数据库中。这可以通过调用Business Logic Layer(BLL)和Data Access Layer(DAL)来实现。 - **BLL**:...
在用户输入用户名后,Ajax可以即时向服务器发送请求,检查该用户名是否已被占用。 **2. JavaScript基础** 在前端,JavaScript用于监听用户输入事件,当用户在注册表单的用户名字段中输入内容时,触发Ajax请求。这...
在这个场景中,当用户在输入框中输入用户名时,我们可以监听输入事件,一旦检测到内容变化,就触发一个Ajax请求,将用户名发送到服务器进行检查。 首先,我们需要在HTML中创建一个输入框和一个按钮,用于用户输入...
在现代Web应用中,用户体验的重要性...总的来说,"Ajax验证用户名是否存在"是一个典型的前后端交互示例,展示了如何使用Ajax提升用户体验。它结合了前端的动态交互和后端的数据验证,是Web开发中不可或缺的一部分。
4. **Hibernate DAO**:在Hibernate数据访问对象中,编写SQL查询或使用Criteria API来检查用户名是否在用户表中已存在。 5. **响应处理**:Action接收到服务层的验证结果后,可以以JSON格式返回给前端。前端根据...
总结来说,"AJax验证用户名是否存在"是Web开发中常见的功能,通过DWR或原生JavaScript,我们可以实现与后台的无刷新交互,检查用户名的可用性,提高用户注册或登录的效率。同时,需要注意安全性与性能的优化,确保...
3. **实时验证**:当用户在输入框中键入内容时,JavaScript监听输入事件,一旦输入变化,就会触发Ajax请求,检查输入的用户名或邮箱是否已存在于数据库中。 4. **前端实现**:在前端,通常使用jQuery或原生...
在本项目"ssm+ajax 验证用户名是否已存在"中,我们将探讨如何利用SSM框架和Ajax技术来实时检查用户在注册时输入的用户名是否已经被其他用户占用。 首先,Spring作为整个项目的依赖注入容器,负责管理应用中的对象,...