`
zengbo0710
  • 浏览: 421064 次
社区版块
存档分类
最新评论

Ajax+Jsp+Access实现的唯一性校验例子

AccessJSPAjaxSQLJavaScript 
阅读更多

如标题，Ajax+Jsp+Access实现的唯一性校验例子，这里主要说明的是Ajax的原理，为了使得大家把例子下载下来就能运行，所以使用Access数据库，而且不需要配置数据源头，使用Tomcat发布就可以啦！
主要代码如下：
check.js:

 

代码
  1. /**  
  2.  * @author fuhao  
  3.  */  
  4.   
  5. var http_request = false ;   
  6. // 向服务器发起XMLHTTP请求   
  7. function send_request(){   
  8.     // 获得文本框里面输入的用户名   
  9.     var loginname=document.getElementById("userName").value;   
  10.     // 要请求的服务器地址   
  11.     url="check.jsp?userName="+loginname;   
  12.     http_request = false ;   
  13.     // 开始初始化XMLHttpRequest对象   
  14.     if(window.XMLHttpRequest){ // 说明是Mozila浏览器   
  15.         http_request = new XMLHttpRequest();   
  16.         if(http_request.ovverideMimeType){ // 设置MiME类别   
  17.             http_request.ovverideMimeType('text/xml');   
  18.         }   
  19.     }   
  20.     else if(window.ActiveXObject){ //说明是IE浏览器   
  21.         try{   
  22.             http_request = new ActiveXObject("Msxml2.XMLHTTP");   
  23.         }catch(e){   
  24.             try{   
  25.                 http_request = new ActiveXObject("Microsoft.XMLHTTP");   
  26.             }catch(e){}   
  27.         }   
  28.     }   
  29.     if(!http_request){ // 异常，创建对象实例失败   
  30.         alert("创建XMLHttpRequest对象失败");   
  31.         return false ;   
  32.     }   
  33.     http_request.onreadystatechange = callback ;   
  34.     // 确定发送请求的方式和URL   
  35.     http_request.open("GET",url,true);   
  36.     http_request.send(null);   
  37. }   
  38. // 处理返回信息的函数   
  39. function callback(){   
  40.     if(http_request.readystate == 4){ // 判断对象状态   
  41.         if(http_request.status == 200 ){ // 说明信息已经成功的返回   
  42.             displays();   
  43.         }else{   
  44.             alert("从服务器返回的状态是:"+http_request.statusText);      
  45.         }   
  46.     }else{   
  47.         document.getElementById("div").style.display = "";   
  48.     }   
  49. }   
  50. function displays(){   
  51.     var div = document.getElementById("div");   
  52.     div.innerHTML = http_request.responseText ;    
  53.        
  54. }   
  55. function docheck(){   
  56.     var loginname=document.getElementById("userName").value;   
  57.     document.getElementById("div").style.display = "none";   
  58.     if(loginname==""){ // 判断文本框是否为空   
  59.         document.getElementById("div").style.display = "none";   
  60.         return false;   
  61.     }else{   
  62.         document.getElementById("div").style.display = "";   
  63.         // 为了观察效果，设置延迟   
  64.         setTimeout(send_request,3000);     
  65.     }   
  66. }   
<script type="text/javascript">render_code();</script>
服务器端代码，check.jsp:
代码
  1. <%@ page language="java" contentType="text/html; charset=GBK"  
  2.     pageEncoding="GBK" import="java.sql.*" %>  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  4. <html>  
  5. <head>  
  6. <meta http-equiv="Content-Type" content="text/html; charset=GBK">  
  7. <title>Insert title here</title>  
  8. </head>  
  9. <body>  
  10. <%   
  11. // 获得客户端传来的用户名   
  12. String userName = request.getParameter("userName");   
  13. System.out.println("useName:"+userName);   
  14. // 获得Access数据库的绝对路径   
  15. String realpath = "data/database.mdb";   
  16. // 获得Access数据库的相对路径   
  17. String dbpath = application.getRealPath(realpath);   
  18. // 设置数据库连接的字符串   
  19. String url="jdbc:odbc:driver={Microsoft Access Driver (*.mdb)};DBQ="+dbpath;   
  20. // 加载驱动程序   
  21. Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");   
  22. // 建立数据库连接   
  23. Connection conn=DriverManager.getConnection(url);   
  24. // 创建语句对象   
  25. Statement stmt=conn.createStatement(ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY);   
  26. String sql="";   
  27. // 创建查询数据库的SQL语句   
  28. sql="select * from user where user_Name='" +userName+ "'";   
  29. System.out.println("sql:"+sql);   
  30. // 得到数据集   
  31. ResultSet rs = stmt.executeQuery(sql);   
  32. if(rs.next()){   
  33.     out.println("对不起，该用户名已经被注册了");     
  34. }else{   
  35.     out.println("恭喜你，该用户名可以注册");       
  36. }   
  37. // 关闭数据库连接   
  38. rs.close();   
  39. stmt.close();   
  40. conn.close();   
  41. %>  
  42. </body>  
  43. </html>  
<script type="text/javascript">render_code();</script>
客户端代码，index.html:
代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=GBK">  
  5. <title>测试校验</title>  
  6. <LINK media=all href="css/style.css" type=text/css rel=stylesheet>  
  7. <script type="text/javascript" src="js/check.js" ></script>  
  8. </head>  
  9. <body>  
  10. <form action="" method="" >  
  11. <br /><br /><br /><p align="center"><font color="green" size="4">Ajax+Jsp+Access 唯一性校验例子</font></p>  
  12. <table align='center' border='1' bordercolor='#8CB3E3' width="55%" cellpadding='0' cellspacing='0'>  
  13.     <tbody id="tbodyid">  
  14.         <tr>  
  15.             <td nowrap class="data_tab_tdr" width="10%">用户名：</td>     
  16.             <td class="data_tab_tdl" width="15%">  
  17.                 <input type="text" name="userName" size="25" id="userName" onchange="docheck()" />  
  18.             </td>  
  19.             <td class="data_tab_tdl" width="15%"><div id="div" style="display:none"><img src="images/ajax-loader.gif"></div></td>  
  20.         </tr>  
  21.     </tbody>  
  22. </table>  
  23. </form>  
  24. </body>  
  25. </html>  
<script type="text/javascript">render_code();</script>

 
ajaxCheck.zip
 描述:  全部代码，使用Tomcat5.0+IE浏览器发布即可
下载
 文件名:  ajaxCheck.zip
 文件大小:  26 KB
 下载过的:  文件被下载或查看 6 次
 

分享到：
| 掌控上传进度的AJAX Upload
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Ajax+Jsp+Access

    总结起来，这个例子展示了如何结合Ajax、JSP和Access数据库来实现一个简单的用户输入校验功能，利用Ajax的异步特性，提高了用户体验，而JSP和Access提供了后台数据处理的能力。这种技术组合在实际开发中，尤其是在...

    J2EE软件工程师内部培训资料

    - **创建索引**：讨论索引的重要性以及如何创建不同的索引类型以提高查询性能。 - **控制用户访问**：展示如何设置用户账户并授予适当的权限。 #### Java Database Connectivity (JDBC) - **概要**：简要介绍JDBC...

    清华大学DeepSeek从入门到精通(视频课程+PDF)

    【清华大学】DeepSeek从入门到精通(视频课程+PDF)

    更新-“双高计划”专业群完整申报书与建设方案/中期评估报告

    自2019年以来，教育部启动实施“双高计划”，遴选确定首批“双高计划”建设单位197所，其中高水平学校建设单位56所，高水平专业群建设单位141所，河南省有黄河水利职业技术学院、河南工业职业技术学院等6所职业学校入选。2022年，教育部开展国家“双高计划”中期绩效评价，从评价结果看，国家“双高计划”任务进展顺利，建设成效突出，形成了一批先进经验做法和典型案例，在引领职业教育改革、服务国家战略和支撑区域发展方面形成示范势头。 今天，我们给大家分享一些“双高计划”专业群完整申报书与建设方案和中期评估报告。 ## 一、专业群完整申报书与建设方案 ## 二、“双高计划”中期报告 （100多份）

    电子商务平台秒杀系统减库存设计的核心逻辑与优化策略解析

    内容概要：本文详细探讨了电商平台上秒杀系统中减库存的设计逻辑和技术优化方法。首先，文中阐述了‘下单减库存’、‘付款减库存’和‘预扣库存’三种常见方式及其各自面临的问题和局限性，尤其是面对高并发流量冲击下的系统稳定性与数据准确性保障挑战。接着讨论了适用于大规模促销活动中快速而精准地扣除存货的方法，提出了诸如应用本地缓存(Local Cache)、引入高性能持久化键值存储(如Redis)，甚至修改数据库引擎源代码(InnoDB 层面排队机制)等一系列先进解决方案来确保交易流程顺畅。此外，还提到了在极端情况发生（例如超卖）时如何借助补救措施挽回损失的具体实例。 适合人群：电商平台开发运维技术人员；有兴趣深入了解电商业务架构和技术优化的开发者和IT管理人员。 使用场景及目标：①帮助设计师理解不同减库存策略的应用时机及其利弊；②指导程序员针对特定业务需求选择最适合的技术路径进行项目构建；③提供给运维专家关于改善在线交易平台响应速度和服务质量的专业见解。 其他说明：本篇文章对于构建高效的电子商贸系统有着极高的参考价值，尤其是那些准备应对瞬息万变市场环境下的企业来说尤为重要。它不仅限于理论探讨层面，

    动态表单，VUE动态表单 基于vue+elementplus实现动态表单组件，通过拖拽组件到面板即可实现一个表单 支持各个组件的动态隐藏显示，动态表格弹窗式维护

    动态表单，VUE动态表单。基于vue+elementplus实现动态表单组件，通过拖拽组件到面板即可实现一个表单。支持各个组件的动态隐藏显示，动态表格弹窗式维护。

    【毕业设计】java-springboot-vue家居日用小百货交易网站实现源码（完整前后端+mysql+说明文档+LunW）.zip

    【毕业设计】java-springboot-vue家居日用小百货交易网站实现源码（完整前后端+mysql+说明文档+LunW）.zip

    【毕业设计】java-springboot+vue火锅店管理系统源码（完整前后端+mysql+说明文档+LunW）.zip

    【毕业设计】java-springboot+vue火锅店管理系统源码（完整前后端+mysql+说明文档+LunW）.zip

    基于springboot+vue的在线教育系统设计与实现（LW+PPT）.zip

    随着信息技术在管理上越来越深入而广泛的应用，管理信息系统的实施在技术上已逐步成熟。本文介绍了微服务在线教育系统的开发全过程。通过分析微服务在线教育系统管理的不足，创建了一个计算机管理微服务在线教育系统的方案。文章介绍了微服务在线教育系统的系统分析部分，包括可行性分析等，系统设计部分主要介绍了系统功能设计和数据库设计。 本微服务在线教育系统有管理员，用户两个角色。管理员功能有个人中心，用户管理，课程信息管理，课程类型管理，学科管理，购买的课程管理，职业规划管理，视频点播管理，我的笔记管理，我的课程管理，消息通知管理，学习交流，试卷管理，留言板管理，试题管理，系统管理，考试管理。用户功能有个人中心，用户管理，购买的课程管理，我的笔记管理，我的课程管理，消息通知管理。因而具有一定的实用性。 本站是一个B/S模式系统，采用SSM框架，MYSQL数据库设计开发，充分保证系统的稳定性。系统具有界面清晰、操作简单，功能齐全的特点，使得微服务在线教育系统管理工作系统化、规范化。本系统的使用使管理人员从繁重的工作中解脱出来，实现无纸化办公，能够有效的提高微服务在线教育系统管理效率。 关键词：微服务在线教育系统；SSM框架；MYSQL数据库；Spring Boot

    基于Javascript实现，强化学习QLearning的一个贪吃蛇实例

    javascript 基于Javascript实现，强化学习QLearning的一个贪吃蛇实例.

    编程挑战_Chef卡牌游戏_学习资源_技能提升_1741399339.zip

    python教程学习

    基于springboot+vueIT技术交流和分享平台的设计与实现（LW）.zip

    我国科学技术的不断发展，计算机的应用日渐成熟，其强大的功能给人们留下深刻的印象，它已经应用到了人类社会的各个层次的领域，发挥着重要的不可替换的作用。信息管理作为计算机应用的一部分，使用计算机进行管理，具有非常明显的优点，利用网络的优势特开发了本基于Spring Boot的IT技术交流和分享平台。 本IT技术交流和分享平台是基于Spring Boot框架，采用Java技术，MYSQL数据库进行开发的。系统具有灵活的一体化设计方式，圆满完成了整个系统的界面设计。本系统实现了用户功能模块和管理员功能模块两大部分，通过该系统用户可以快速进行IT技术交流和分享，管理员可登录系统后台对系统进行全面管理，确保系统正常稳定的运行。系统功能齐全，符合用户IT技术交流和分享的需求。 本文主要首先介绍了课题背景、设计原则和研究内容，系统采用的相关技术及开发平台，接着对本基于Spring Boot的IT技术交流和分享平台进行系统需求分析和设计，包括系统的功能模块，数据库的设计，系统结构以及系统界面设计等，最后对进行系统测试，完成本篇论文。 关键词：IT技术交流, Spring Boot框架, Java技术,MYSQL数据库

    疲劳检测yawn图片数据集

    疲劳检测yawn图片数据集

    JDK7通过java-jwt验证

    JDK7通过java-jwt验证

    【毕业设计】java-springboot+vue会议管理系统实现源码（完整前后端+mysql+说明文档+LunW）.zip

    【毕业设计】java-springboot+vue会议管理系统实现源码（完整前后端+mysql+说明文档+LunW）.zip

    sksalahuddin2828_Python_1741398999.zip

    python学习资源

    51CTO 1、技术解析篇-DeepSeek入门宝典 2、开发实战篇-DeepSeek入门宝典 3、行业应用篇-DeepSeek入门宝典 4、个人使用篇-DeepSeek入门宝典

    51CTO 1、技术解析篇-DeepSeek入门宝典 2、开发实战篇-DeepSeek入门宝典 3、行业应用篇-DeepSeek入门宝典 4、个人使用篇-DeepSeek入门宝典

    机器学习与模式识别领域的PRML习题解析手册

    内容概要：本文档是由高正奇编辑的针对模式识别和机器学习（PRML）教科书的一份详细的解答手册。文档覆盖了从基本概念如误差函数求导、贝叶斯定理应用到多元高斯分布计算、Gamma函数积分及其性质等一系列复杂问题的解决方案，以及涉及线性模型分类的基础练习题、条件概率和联合概率计算等入门级习题。每一题都经过细致推导，帮助学生加深对机器学习相关概念的理解并掌握具体的数学方法。 适合人群：主要适用于正在攻读机器学习、模式识别相关课程的学生，以及从事数据科学工作的专业人士作为深入理解和实践指南。 使用场景及目标：本手册旨在辅助教学过程中遇到的具体难题解析，在研究和实践中作为参考资料进行理论验证和技术难点突破，尤其有助于准备考试或者项目实施时需要巩固知识的应用场合。 其他说明：书中题目涵盖广泛，既有直观的概率论应用，也有复杂的积分变换技巧和最优化思路展示，对于希望提高自身计算能力和解决实际问题能力的学习者非常有价值。但要注意的是，部分内容较为深奥，可能不适合初学者自学使用，最好配合课堂讲解或其他教材一起学习效果更佳。

    编程语言_Python_入门之旅_教程_1741403040.zip

    python学习资源

    RFID-MATLAB的高等数学-CH06.rar

    RFID-MATLAB的高等数学-CH06.rar

Magicbox
Global site tag (gtag.js) - Google Analytics