精华内容
下载资源
问答
  • 我首先想到的就是利用ajax实现异步验证技术,由于利用的ssh框架,所以在这要对struts2和ajax进行整合,由于我还没把ajax的一些知识总结出来,所以在这也不提了,有关ajax的详细内容将会在以后的博客中写出来。...

    由于老师布置作业的需要,在添加管理员的时候,要实现验证添加的管理员的用户名是否在数据库中已经存在,然后再客户端给用户一个提示。我首先想到的就是利用ajax实现异步验证技术,由于利用的ssh框架,所以在这要对struts2和ajax进行整合,由于我还没把ajax的一些知识总结出来,所以在这也不提了,有关ajax的详细内容将会在以后的博客中写出来。现在我们就以我做的这个添加管理员,验证管理员的用户名是否存在来说一下这个struts2+ajax实现异步验证技术。

     

         首先我们来看一下我们的form表单:

     

    [html]  view plain copy print ?
    1. <td>  
    2. 用户名  
    3. </td>  
    4. <td>  
    5. <input type="text" name="admin.username" value=""  
    6. οnblur="checkusername(this,'AdminAction!exists')" />  
    7. </td>  
    8. <td>  
    9. <span id="namemessage" style="color: red;"></span>  
    10. </td>  
    11. </tr>  
    12. <tr bgColor="#d6fdd0">  
    13. <td>  
    14. 密码  
    15. </td>  
    16. <td>  
    17. <input type="password" name="admin.password" value="" />  
    18. </td>  
    19. <td>  
    20. <span></span>  
    21. </td>  
    22. </tr>  



     

    我们可以看到当我们的用户名的文本域注册了一个onblur事件,当用户名这个文本域失去焦点的时候我们就会让他去执行checkusername方法,好,下面让我们来看一下我们的js是怎么实现的ajax:

     

     

    [javascript]  view plain copy print ?
    1. <script type="text/javascript">  
    2. var xmlHttpRequest = null; //声明一个空对象以接收XMLHttpRequest对象  
    3. function checkusername(field, url) {  
    4. var uername = field.value;  
    5. if (uername == "" || uername.length < 3) {  
    6. document.getElementById("namemessage").innerHTML = "用户名应该不小于3位";  
    7. return;  
    8. else {  
    9. if (window.ActiveXObject) // IE浏览器  
    10. {  
    11. xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");  
    12. else if (window.XMLHttpRequest) //除IE外的其他浏览器实现  
    13. {  
    14. xmlHttpRequest = new XMLHttpRequest();  
    15. }  
    16. if (null != xmlHttpRequest) {  
    17. //当利用get方法访问服务器端时带参数的话,直接在"AjaxServlet"后面加参数,                   下面send方法为参数null就可以,用post方法这必须在把参数加在send参数内,如下  
    18. xmlHttpRequest.open("get", url+"?admin.username="+uername, true);  
    19. //关联好ajax的回调函数  
    20. xmlHttpRequest.onreadystatechange = ajaxCallback;  
    21. //真正向服务器端发送数据  
    22. // 使用post方式提交,必须要加上如下一行,get方法就不必加此句  
    23. xmlHttpRequest.setRequestHeader("Content-Type",  
    24. "application/x-www-form-urlencoded");  
    25. xmlHttpRequest.send(null);  
    26. }  
    27. }  
    28. }  
    29. function ajaxCallback() { //ajax一次请求会改变四次状态,所以我们在第四次(即一次请求结束)进行处理就OK,  
    30. if (xmlHttpRequest.readyState == 4) { //请求成功  
    31. if (xmlHttpRequest.status == 200) {  
    32. var responseText = xmlHttpRequest.responseText;  
    33. document.getElementById("namemessage").innerHTML = responseText;  
    34. }  
    35. }  
    36. }  
    37. </script>  



     

             通过上面的注释我想大家应该能看懂一些内容吧,我们首先去验证填写的内容是否为空,如果为空就给用户以提示。如果不为空的话就去判断一下当前的浏览器,然后根据浏览器去设置xmlHttpRequest对象,xmlHttpRequest对象是什么东西呢?XMLHttpRequest 对象用于在后台与服务器交换数据的对象,他主要的作用:

    · 在不重新加载页面的情况下更新网页

    · 在页面已加载后从服务器请求数据

    · 在页面已加载后从服务器接收数据

    · 在后台向服务器发送数据

     

     

    XMLHttpRequest是Ajax最核心的对象,它有以下几个重要的方法或属性:
        ●open():建立到服务器的新请求。

        ●send():向服务器发送请求。

        ●abort():退出当前请求。

        ●readyState:提供当前 HTML 的就绪状态。

        ●responseText:服务器返回的请求响应文本。

     

     其中XMLHttpRequest 对象的 open() 方法有以下五个参数:

     ●request-type:发送请求的类型。典型的值是 GET 或 POST,但也可以发送 HEAD 请求。

     ●url:要连接的 URL。

     ●asynch:如果希望使用异步连接则为true,否则为 false。该参数是可选的,默认为 true。

     ●username:如果需要身份验证,则可以在此指定用户名。该可选参数没有默认值。

    ●password:如果需要身份验证,则可以在此指定口令。该可选参数没有默认值。

     

            通常使用其中的前三个参数。事实上,即使需要异步连接,也应该指定第三个参数为 “true”。这是默认值,但坚持明确指定请求是异步的还是同步的更容易理解。

     

              得到XMLHttpRequest 对象之后,我们就利用这个对象去后台执行我们的请求,在执行我们请求的时候一定要注意关联好我们的回调函数:xmlHttpRequest.onreadystatechange = ajaxCallback;这里的回调函数的名字可以随便起,并不是固定死的。我们可以看到我们上面的程序请求是发送给了AdminAction中的exists方法了,好,下面我们去action方法里面去看一下:

     

    [java]  view plain copy print ?
    1. public String exists() throws Exception{  
    2. System.out.println(admin==null);  
    3. boolean boo=dao.exists(admin.getUsername());  
    4.   //获取原始的PrintWriter对象,以便输出响应结果,而不用跳转到某个试图      
    5.         HttpServletResponse response = ServletActionContext.getResponse();      
    6.         //设置字符集      
    7.         response.setCharacterEncoding("UTF-8");      
    8.         PrintWriter out = response.getWriter();      
    9. if(boo){           
    10.         //直接输入响应的内容      
    11.         out.println("*用户名已存在*");      
    12.         /**格式化输出时间**/     
    13.         out.flush();      
    14.         out.close();      
    15. }  
    16. out.println("*用户名可用*");   
    17. return null;  
    18. }  



     

          熟悉ajax的同学看到这段代码应该很清楚了吧。这里主要是利用了PrintWriter 来把我们的后台信息输出到我们的前台,这里我 就不详细解释了。好了,写到这,我们这个利用struts2+ajax实现的我们的异步验证。下面就是具体的实现效果:

     

    转载于:https://www.cnblogs.com/Evil-Rebe/p/4888183.html

    展开全文
  • 项目采用MVC分层结构, 使用Ajax异步请求技术实现校验用户名唯一性的功能
  • 利用ajax进行异步请求验证

    千次阅读 2014-07-30 17:12:52
    场景描述: 登录程序大家都不陌生,但如果要注册,则必须保证用户的ID不能重复,这种检测用户ID的操作可以通过Ajax完成。   表结构:

     场景描述:

    登录程序大家都不陌生,但如果要注册,则必须保证用户的ID不能重复,这种检测用户ID的操作可以通过Ajax完成。

     

    表结构:

     

    <html>
    <head><title>异步验证</title></head>
    <body>
    <script language="JavaScript">
    	var xmlHttp;
    	var flag;
    	function createXMLHttp(){
    		if (window.XMLHttpRequest){						// 创建XMLHttpRequest核心对象
    			xmlHttp = new XMLHttpRequest()					// 使用FireFox内核
    		}else {
    			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");	// 使用IE内核的浏览器
    		}
    	}
    
    	function checkUserid(userid){		// 显示信息
    		createXMLHttp();	//
    		// 设置请求,通过地址重写方式将userid传递到JSP中
    		
    		xmlHttp.open("POST","CheckServlet?userid="+userid);
    		// 设置完请求后调用处理回调函数
    		xmlHttp.onreadystatechange = checkUseridCallback;
    		xmlHttp.send(null);	// 发送请求,不设置参数
    		//document.getElementById("msg").innerHTML = "正在验证……";
    				//alert("*******");
    
    	}
    
    	function checkUseridCallback(){	// 回调函数
    		if (xmlHttp.readyState == 4){			// 数据返回完毕
    			if (xmlHttp.status == 200){			// HTTP操作正常
    				alert("*****8");
    				var text = xmlHttp.responseText;// 接收返回内容
    				if (text == "true"){
    					flag = false;				// 无法提交表单
    					document.getElementById("msg").innerHTML = "用户名ID重复,无法使用";
    				}else {
    					flag = true;				// 可以提交表单
    					document.getElementById("msg").innerHTML = "恭喜!此用户ID可以注册";
    				}
    			}
    		}
    	}
    
    	function checkForm(){	// 对表单判断能否进行提交操作
    		return flag;
    	}
    </script>
    	<form action="xxx.jsp" method="post" οnsubmit="return checkForm()">
    		用户ID:<input type="text" name="userid" οnblur="checkUserid(this.value)"><span id="msg"></span><br>
    		姓  名:<input type="text" name="name"><br>
    		密  码:<input type="password" name="password"><br>
    		<input type="submit" value="注册">
    		<input type="reset" value="重置">
    	</form>
    </body>
    <html>
    
    Servlet.java(当然  也可以配置成action,这个需要自己配置,不一定是要servlet的)

    package zz.ajax;
    import java.io.*;
    import java.sql.Connection;
    import java.sql.DriverManager;
    import java.sql.ResultSet;
    import java.sql.PreparedStatement;
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    public class CheckServlet extends HttpServlet{
    	public static final String DBDRIVER = "org.gjt.mm.mysql.Driver";
    	public static final String DBURL = "jdbc:mysql://localhost:3306/zz";
    	public static final String DBUSER = "root";
    	public static final String DBPASSWORD = "mysql";
    
    	public void doGet(HttpServletRequest request, HttpServletResponse response)
                   throws ServletException,java.io.IOException{
    		this.doPost(request, response);
    	}
    
    	public void doPost(HttpServletRequest request, HttpServletResponse response)
                   throws ServletException,java.io.IOException{
    		request.setCharacterEncoding("GBK");
    		response.setContentType("text/html");		// 设置回应的MIME
    		Connection conn = null;
    		PreparedStatement pstmt = null;
    		ResultSet rs = null;
    		PrintWriter out = response.getWriter();		// 接收验证的userid
    		String userid = request.getParameter("userid");
    		try{
    			Class.forName(DBDRIVER);	// 加载驱动
    			conn = DriverManager.
    				getConnection(DBURL, DBUSER, DBPASSWORD);	// 连接数据库
    
    			String sql = "SELECT COUNT(userid) FROM user WHERE userid=?";
    			pstmt = conn.prepareStatement(sql);
    			pstmt.setString(1, userid);
    			rs = pstmt.executeQuery();
    			System.out.printf("*********");
    			if (rs.next()){
    				if (rs.getInt(1) > 0){		// 判断ID是否已存在
    					out.print("true");		// 已存在
    				}else {
    					out.print("false");
    				}
    			}
    			out.close();
    			
    		}catch (Exception e){
    			e.printStackTrace();
    		}finally {
    			try{
    				conn.close();
    			}catch (Exception e){
    				e.printStackTrace();
    			}
    		}
    	}
    
    } 



     

    [html]  view plain copy
    1. 网页错误详细信息  
    2.   
    3. 消息: 'userid' 未定义  
    4. 行: 18  
    5. 字符: 3  
    6. 代码: 0  
    7. URI: http://localhost/demo/14_Ajax/regist.htm  
    8.   
    9.   
    10. function checkUserid(userid){      // 显示信息  
    11. 没有声明参数  


    不能进入

    if (xmlHttp.status == 200){                 // HTTP操作正常

    alert("*****3");

    说明HTTP操作不正常,那怎么返回HTTP状态码?

    调试过程:

    [html]  view plain copy
    1. if (xmlHttp.readyState == 4){           // 数据返回完毕  
    2.             //alert("*****2");  
    3.             alert(xmlHttp);  
    4.             alert(xmlHttp.readyState);  
    5.             alert(xmlHttp.status);  
    6.             if (xmlHttp.status == 200){         // HTTP操作正常  
    7.                 alert("*****3");  


    xmlHttp.readyState == 4           说明数据返回完毕

     

    数据返回完毕,但服务器找不到指定的资源(),文档不存在!而且Servlet调试根本未进入,这是为什么???


    MLDN论坛李祺老师解答:

    说明你的AJAX提交路径对应的资源不存在。
    你的Servlet必须将编译后的class文件放到项目的WEB-INF/classes目录下,并放到对应的包中,如果没有加入,则会找不到资源

    我又出这样的问题:

    Servlet.java文件不必放在WEB-INF/classes文件夹下

    !!!!!!!但你的<servlet-class>

                        zz.ajax.CheckServlet

                 </servlet-class>是放哪?

     

    其它编译错误:

    java.lang.ClassNotFoundException: DBDRIVER

    Class.forName("DBDRIVER");   // 加载驱动 不要“”

    显示效果:

     


    /*  转载自http://blog.csdn.net/zhangze2/article/details/7959493  */

    展开全文
  • 我首先想到的就是利用ajax实现异步验证技术,由于利用的ssh框架,所以在这要对struts2和ajax进行整合,由于我还没把ajax的一些知识总结出来,所以在这也不提了,有关ajax的详细内容将会在以后的博客中写出来。...
     由于老师布置作业的需要,在添加管理员的时候,要实现验证添加的管理员的用户名是否在数据库中已经存在,然后再客户端给用户一个提示。我首先想到的就是利用ajax实现异步验证技术,由于利用的ssh框架,所以在这要对struts2ajax进行整合,由于我还没把ajax的一些知识总结出来,所以在这也不提了,有关ajax的详细内容将会在以后的博客中写出来。现在我们就以我做的这个添加管理员,验证管理员的用户名是否存在来说一下这个struts2+ajax实现异步验证技术。 
    

         首先我们来看一下我们的form表单:

    1. <td>  
    2. 用户名  
    3. </td>  
    4. <td>  
    5. <input type="text" name="admin.username" value=""  
    6. onblur="checkusername(this,'AdminAction!exists')" />  
    7. </td>  
    8. <td>  
    9. <span id="namemessage" style="color: red;"></span>  
    10. </td>  
    11. </tr>  
    12. <tr bgColor="#d6fdd0">  
    13. <td>  
    14. 密码  
    15. </td>  
    16. <td>  
    17. <input type="password" name="admin.password" value="" />  
    18. </td>  
    19. <td>  
    20. <span></span>  
    21. </td>  
    22. </tr>  


    我们可以看到当我们的用户名的文本域注册了一个onblur事件,当用户名这个文本域失去焦点的时候我们就会让他去执行checkusername方法,好,下面让我们来看一下我们的js是怎么实现的ajax

    1. <script type="text/javascript">  
    2. var xmlHttpRequest = null//声明一个空对象以接收XMLHttpRequest对象  
    3. function checkusername(field, url) {  
    4. var uername = field.value;  
    5. if (uername == "" || uername.length < 3) {  
    6. document.getElementById("namemessage").innerHTML = "用户名应该不小于3位";  
    7. return;  
    8. else {  
    9. if (window.ActiveXObject) // IE浏览器  
    10. {  
    11. xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");  
    12. else if (window.XMLHttpRequest) //除IE外的其他浏览器实现  
    13. {  
    14. xmlHttpRequest = new XMLHttpRequest();  
    15. }  
    16. if (null != xmlHttpRequest) {  
    17. //当利用get方法访问服务器端时带参数的话,直接在"AjaxServlet"后面加参数,                   下面send方法为参数null就可以,用post方法这必须在把参数加在send参数内,如下  
    18. xmlHttpRequest.open("get", url+"?admin.username="+uername, true);  
    19. //关联好ajax的回调函数  
    20. xmlHttpRequest.onreadystatechange = ajaxCallback;  
    21. //真正向服务器端发送数据  
    22. // 使用post方式提交,必须要加上如下一行,get方法就不必加此句  
    23. xmlHttpRequest.setRequestHeader("Content-Type",  
    24. "application/x-www-form-urlencoded");  
    25. xmlHttpRequest.send(null);  
    26. }  
    27. }  
    28. }  
    29. function ajaxCallback() { //ajax一次请求会改变四次状态,所以我们在第四次(即一次请求结束)进行处理就OK,  
    30. if (xmlHttpRequest.readyState == 4) { //请求成功  
    31. if (xmlHttpRequest.status == 200) {  
    32. var responseText = xmlHttpRequest.responseText;  
    33. document.getElementById("namemessage").innerHTML = responseText;  
    34. }  
    35. }  
    36. }  
    37. </script>  


             通过上面的注释我想大家应该能看懂一些内容吧,我们首先去验证填写的内容是否为空,如果为空就给用户以提示。如果不为空的话就去判断一下当前的浏览器,然后根据浏览器去设置xmlHttpRequest对象,xmlHttpRequest对象是什么东西呢?XMLHttpRequest 对象用于在后台与服务器交换数据的对象,他主要的作用:

    · 在不重新加载页面的情况下更新网页

    · 在页面已加载后从服务器请求数据

    · 在页面已加载后从服务器接收数据

    · 在后台向服务器发送数据


    XMLHttpRequestAjax最核心的对象,它有以下几个重要的方法或属性:
        ●open():建立到服务器的新请求。

        ●send():向服务器发送请求。

        ●abort():退出当前请求。

        ●readyState:提供当前 HTML 的就绪状态。

        ●responseText:服务器返回的请求响应文本。


     其中XMLHttpRequest 对象的 open() 方法有以下五个参数:

     ●request-type:发送请求的类型。典型的值是 GET 或 POST,但也可以发送 HEAD 请求。

     ●url:要连接的 URL

     ●asynch:如果希望使用异步连接则为true,否则为 false。该参数是可选的,默认为 true

     ●username:如果需要身份验证,则可以在此指定用户名。该可选参数没有默认值。

    password:如果需要身份验证,则可以在此指定口令。该可选参数没有默认值。


            通常使用其中的前三个参数。事实上,即使需要异步连接,也应该指定第三个参数为 true。这是默认值,但坚持明确指定请求是异步的还是同步的更容易理解。

              得到XMLHttpRequest 对象之后,我们就利用这个对象去后台执行我们的请求,在执行我们请求的时候一定要注意关联好我们的回调函数:xmlHttpRequest.onreadystatechange = ajaxCallback;这里的回调函数的名字可以随便起,并不是固定死的。我们可以看到我们上面的程序请求是发送给了AdminAction中的exists方法了,好,下面我们去action方法里面去看一下:

    1. public String exists() throws Exception{  
    2. System.out.println(admin==null);  
    3. boolean boo=dao.exists(admin.getUsername());  
    4.   //获取原始的PrintWriter对象,以便输出响应结果,而不用跳转到某个试图      
    5.         HttpServletResponse response = ServletActionContext.getResponse();      
    6.         //设置字符集      
    7.         response.setCharacterEncoding("UTF-8");      
    8.         PrintWriter out = response.getWriter();      
    9. if(boo){           
    10.         //直接输入响应的内容      
    11.         out.println("*用户名已存在*");      
    12.         /**格式化输出时间**/     
    13.         out.flush();      
    14.         out.close();      
    15. }  
    16. out.println("*用户名可用*");   
    17. return null;  
    18. }  


          熟悉ajax的同学看到这段代码应该很清楚了吧。这里主要是利用了PrintWriter 来把我们的后台信息输出到我们的前台,这里我 就不详细解释了。好了,写到这,我们这个利用struts2+ajax实现的我们的异步验证。下面就是具体的实现效果:



    9
    0
    展开全文
  • 1,ajax(asynchronouse javascript and xml)异步的 javascrip 和xml 2,(包含了7种技术:javascript xml xstl dom xhtml css xmlhttpRequest) 3,是一种与服务器语言无关的技术,可以用在(php/jsp/asp.net) 4,ajax...
  • 准备工作: ① 首先要会使用ThinkPHP这个框架 ② 最好有些ajax的基础(可以去看下小飞的另外一篇博文:Ajax实时验证”用户名/邮箱等”是否已经存在) ③ 4个js文档(点此免积分下载) 先贴上源代码: 复制代码 代码...
  • springmvc,jquery,ajax

    怕自己忘记,把写过的代码记录一下
    直接上源码:
    login.jsp

    <%@ page language="java" contentType="text/html; charset=utf-8"
        pageEncoding="utf-8"%>
    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
    <meta charset="UTF-8">
    <title>登陆验证</title>
    <link rel="stylesheet" href="bootstrap/bootstrap.min.css">
    <script src="bootstrap/jquery.min.js"></script>
    <script src="bootstrap/bootstrap.min.js"></script>
    <link href="CSS/index.css" rel="stylesheet">
    <script type="text/javascript" src="scripts/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
        $(function() {
            var flag1 = false;
            var flag2 = false;
            $("#inputName")
                    .blur(
                            function() {
                                var inputName = $("#inputName").val();
                                if ($.trim(inputName) == ''
                                        || $.trim(inputName).length < 5
                                        || $.trim(inputName).length > 15) {
                                    $("#userspan")
                                            .html(
                                                    "<font color='red'>用户名不能为空,且用户名长度为5-15</font>");
                                    flag1 = false;
                                } else {
                                    var inputPassword = $("#inputPassword").val();
                                    var url = "${pageContext.request.contextPath}/validateUser";
                                    var args = {
                                        "name" : $.trim(inputName),
                                        "password" : $.trim(inputPassword)
                                    };
                                    $
                                            .post(
                                                    url,
                                                    args,
                                                    function(data) {
                                                        if ($.trim(data) == "error") {
                                                            $("#userspan")
                                                                    .html(
                                                                            "<font color='red'>此用户名已存在</font>");
                                                            flag1 = false;
                                                        } else if ($.trim(data) == "success") {
                                                            $("#userspan").html(
                                                                    "用户名可用").css({
                                                                color : 'green'
                                                            });
                                                            flag1 = true;
                                                        }
                                                    })
                                }
    
                            });
            $("#inputPassword").blur(
                    function() {
                        var inputPassword = $("#inputPassword").val();
                        if ($.trim(inputPassword) == "") {
                            $("#pswspan").html("<font color='red'>密码不能为空</font>");
                            flag2 = false;
                        } else if ($.trim(inputPassword).length > 15
                                || $.trim(inputPassword).length < 5) {
                            $("#pswspan").html("密码长度必须为5-15").css({
                                color : "red"
                            });
                            flag2 = false;
                        } else {
                            $("#pswspan").html("密码可用").css({
                                color : "green"
                            });
                            flag2 = true;
                        }
    
                    })
    
            $("#formButton").click(function() {
                if (flag1 && flag2) {
                    $("#form").submit();
                }
                return false;
            })
    
        });
    </script>
    </head>
    <body>
        <div class="container">
            <h2 class="form-signin-heading">注册页面</h2>
            <form action="insertUser" id="form">
                <label for="inputName" class="sr-only">用户名</label> <input type="text"
                    id="inputName" name="inputName" class="form-control"
                    placeholder="请输入学号" required autofocus> <span id="userspan"></span>
                <label for="inputPassword" class="sr-only">密码</label> <input
                    type="password" id="inputPassword" name="inputPassword"
                    class="form-control" placeholder="请输入密码" required> <span
                    id="pswspan"></span>
                <p class="text-primary">
                    <a href="login">直接登录</a>
                </p>
                <button class="btn btn-lg btn-primary btn-block" type="button"
                    id="formButton">注册</button>
            </form>
        </div>
    </body>
    </html>

    controller层

    @RequestMapping("/validateUser")
        public void validateUser(HttpServletRequest request,
                HttpServletResponse response) throws Exception {
            String name = request.getParameter("name");
            response.setContentType("text/html");
            response.setCharacterEncoding("utf-8");
            PrintWriter out = null;
            out = response.getWriter();
            List<User> userList = userDao.queryUserList(0);
            boolean flag = true;
            for (User user : userList) {
                String uname = user.getName();
                if (name.equals(uname)) {
                    flag = false;
                }
            }
            if (flag) {
                out.println("success");
            } else {
                out.println("error");
            }
        }

    domain层

    package com.sinaapp.whu13ds.entities;
    
    public class User {
        private Integer id;
        private String name;
        private String password;
    
        public Integer getId() {
            return id;
        }
    
        public void setId(Integer id) {
            this.id = id;
        }
    
        public String getName() {
            return name;
        }
    
        public void setName(String name) {
            this.name = name;
        }
    
        public String getPassword() {
            return password;
        }
    
        public void setPassword(String password) {
            this.password = password;
        }
    
        @Override
        public String toString() {
            return "User [id=" + id + ", name=" + name + ", password=" + password
                    + "]";
        }
    
        public User() {
            super();
        }
    
        public User(Integer id, String name, String password) {
            super();
            this.id = id;
            this.name = name;
            this.password = password;
        }
    
    }
    
    展开全文
  • 我首先想到的就是利用ajax实现异步验证技术,由于利用的ssh框架,所以在这要对struts2和ajax进行整合,由于我还没把ajax的一些知识总结出来,所以在这也不提了,有关ajax的详细内容将会在以后的博客中写出来。...
  • <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>ajax<...script src="/ajax/js/jquery-3.3.1.min.js"></script...
  • 今天做登录/注册系统的时候需要验证用户名是否已被注册,用表单提交然后servlet判断会刷新一下,原来的已填写的数据不会保存以及用户体验差,查了一下发现Ajax可以实现。 1.在script里创建一个参数和三个function ...
  • 主要介绍了ajax方式实现注册功能,提交数据到后台数据库完成交互,感兴趣的小伙伴们可以参考一下
  • Ajax利用JavaScript脚本与XML数据实现客户端与服务器进行异步通信的一种方法 定义XMLHttpRequest对象 XMLHttpRequest对象提供了与服务器通信的协议,浏览器可以通过XMLHttpRequest对象向服务器发送请求,并使用...
  • 我首先想到的就是利用ajax实现异步验证技术,由于利用的ssh框架,所以在这要对struts2和ajax进行整合,由于我还没把ajax的一些知识总结出来,所以在这也不提了,有关ajax的详细内容将会在以后的博客中写出来。...
  • 这里自己写了个登陆页面,并利用ajax实现前后端分离,在用户写好账号,异步登陆提交,在当前页面返回信息。登陆后在这里写个用户详情,删除时给予警告,可以实时显示删除,不用刷新网页。 话不多说,直接上代码 前端...
  • AJAX(Asynchronous JavaScript and XML) 是多种技术的综合应用, 包括XHTML、Javascript和XML等。 AJAX使用XHTML和CSS标准化呈现,使用XML和JSON进行数据交换与处理,使用JavaScript绑定和处理所有数据。 在AJAX提出...
  • Ajax的特点是异步 ,比如可以使用Ajax更新局部网页、使用Ajax在不刷新页面的情况下查询数据、验证用户注册的用户名是否唯一等。 无刷新:不刷新整个页面,只刷新局部 无刷新的好处: 只更新部分页
  • 前端用ajax异步做数据校验

    千次阅读 2018-06-27 23:32:28
    ajax是可以改变用户体验的技术,ajax对象是浏览器提供的特殊对象,即XMLHttpRequest对象,向服务器发送异步请求,服务器返回部分数据,浏览器利用这部分数据进行页面部分更新。整个过程,无需刷新界面,不打断用户的...
  • AJAX实现页面登录及注册用户名验证

    万次阅读 2018-08-05 21:02:49
    AJAX介绍 定义:“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。    AJAX 是一种用于创建快速动态网页的技术。其核心是 JavaScript 对象 ...
  • 采用jQuery采用Ajax异步加载的方式检验用户名是否存在 jsp页面代码: ... //采用ajax异步加载验证用户名是否存在 $(function () { $("input[name='loginname']").blur( function () { ...
  • AJAX

    千次阅读 多人点赞 2019-08-25 12:55:49
    关于ajax异步 什么是ajax? 交互式网站开发技术 实现动态更新(局部)的内容 优点: 提升浏览器的加载速度 实现了局部刷新 表单验证(增强用户体验) Ajax 即“Asynchronous Javascript And XML”(异步 ...
  • 今天学了一招,是使用Ajax实现异步查询用户名是否被占用。 我是菜鸟,所以会以一个菜鸟的角度去阐述,希望各位小伙伴们看到了能有收获! 要做这个需要用到Servlet(或jsp)、数据库、JDBC、和简单的JavaScript&Html...
  • 1,当用户输入用户名后,焦点离开输入框,即触发输入框的onBlur事件,这个事件将调用js编写的ajax代码,将用户输入发送给服务器验证,并将服务器返回的结果消息显示在输入框下面的div层上。 这个流程将由三部分...
  • 利用ajax异步post方式校验验证码

    千次阅读 2015-11-30 10:37:09
    利用ajax异步post方式校验验证码 step1,获得ajax对象  比如:  var xhr = getXhr();   step2,发送post请求  xhr.open('post','check_username.do',true);  //因为按照http协议的要求,发送post请求时,应该...
  • 前端利用ajax实现用户注册页面

    千次阅读 2020-07-29 11:47:28
    开发一个用户注册界面,使用ajax交互技术 ajax是什么呢?允许浏览器与服务器通信而无须...(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象; (2)创建一个新的HTTP请求,并指定该HTTP请求的方式、URL及验证信息
  • 前台界面的js代码实现; <script> $(function(){ $("#username").focus(function(){ $("error").css({color:"red"}) $("error").html("请输入用户名"); }); ...
  • AJAX异步请求

    万次阅读 多人点赞 2017-09-13 11:14:28
    准备知识在学习AJAX前,我们先了解一下JSON和XMLJSON定义 JSON(JavaScript Object Notation, JS对象标记),是一种轻量级的数据交换格式。 它基于 ECMAScript (w3c制定的JS规范)的一个子集,采用完全独立于编程...
  • 这里写目录标题零、spring-mvc常用的配置一、ajax失去焦点发送请求二、ajax点击后发送请求并标签内容三、ajax异步验证账户密码 零、spring-mvc常用的配置 <?xml version="1.0" encoding="UTF-8"?> <beans ...
  • 好像很少能看见传统的同步提交表单方式了,是啊我们当然要用更加给力的AJAX实现异步无刷新提交表单,好了开始今天的jQuery之旅吧,今天我们来利用jquery.validate和jquery.form 插件组合实现验证表单后AJAX提交 ...
  • 摘要:脚本资源,Ajax/JavaScript,Ajax,无刷新 运用jQuery实现Ajax无刷新删除和添加数据的表单,可适时删除表格、修改表格内容、添加内容,实现了前端的功能,当然如果需要全部实现,则需要后台脚本语言的支持。...
  • Ajax实现注册用户名验证

    千次阅读 2009-07-25 21:06:00
    ajax技术的实现流程: 1.xmlHttp = new XMLHttpRequest(); //创建XMLHttpRequest对象。 2.xmlHttp.open("GET",url,true); //注册处理事件的url3.xmlHttp.onreadystatechange = callback; //注册回传函数

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 17,673
精华内容 7,069
关键字:

利用ajax实现异步验证