zoukankan      html  css  js  c++  java
  • Java servlet ajax

       AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

    AJAX = 异步 JavaScript 和 XML。

    AJAX 是一种用于创建快速动态网页的技术。

    http://www.w3school.com.cn/ajax/index.asp

        function lnTest() {
            var ur_loginName = document.getElementById("ur_loginName").value;
            var login = document.getElementById("login");
            var id = "${sessionScope.user.ur_id}";
            var ymsz = /^[A-Za-z0-9]+$/;
            var loginname = document.getElementById("loginname").value;
            if(loginname==ur_loginName){
                return true;
            }else if (kong.test(ur_loginName)) {
                login.style.color = "red";
                login.innerHTML = " × 账户不可以为空";
                return  false;
            } else if (ymsz.test(ur_loginName)) {
                xml = new XMLHttpRequest();
                xml.open("get", "AJAXServlet.do", true);
                xml.setRequestHeader("name", ur_loginName);
                xml.setRequestHeader("ur_id", id);
                xml.send(null);
                xml.onreadystatechange = function(){                
                    if (xml.readyState == 4) {
                        var msg = xml.responseText;
                        var login = document.getElementById("login");
                        if (msg == 1) {
                            login.style.color = "red";
                            login.innerHTML = " × 该用户名已被使用";
                            return false;
                        } else if (msg != 1) {
                            login.style.color = "green";                
                            login.innerHTML = " √ 该用户名可以使用";
                            return true;
                        }
                    }
                    
                    
                };
            } else {
                login.style.color = "red";
                login.innerHTML = " × 账户格式不正确 ";
                return false;
            }
        }

    使用ajax来在点击input框时,动态更新用户名,判断输入的用户名是否在原数据库中存在

  • 相关阅读:
    提示35. 怎样实现OfTypeOnly<TEntity>()这样的写法
    (翻译)Entity Framework技巧系列之十
    Entity Framework教程(第二版)
    实战 ASP.NET Web API
    Apache,PHP,MySQL的安装,配置
    Apache配置虚拟目录和多主机头
    web.config配置详细说明
    百度UEditor编辑器使用教程与使用方法
    若要调试此模块,请将其项目生成配置更改为“调试”模式。若要取消显示此消息,请禁用“启动时若没有用户代码则发出警告”调试器选项
    jquery筛选器
  • 原文地址:https://www.cnblogs.com/0280-hnn/p/6934116.html
Copyright © 2011-2022 走看看