将Ajax封装至js文件中(用户注册源码实例)

register.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script type="text/javascript" src="/js/register.js"></script>
<html>
<head>
    <link rel="stylesheet" href="/css/login_dl.css" />
    <title>用户注册</title>
</head>
<body>
<img src="/img/bgImg.jpg" class="bgImg" />
<div class="content">
    <h3 class="bidTitle">登录</h3>
    <h4 id="checkinfo"></h4>
    <div class="logCon"><div class="logCon">
        <input type="text" id="usernameinput" class="bt_input" placeholder="用户名" />

        <input type="password" id="passwordinput" class="bt_input" placeholder="密码" />
        <!-- 设置用户默认身份 -->
        <br>
        <span>请选择默认身份:</span>
        <select id="user_role" name="user_role">
            <option value="1" selected>发布者</option>
            <option value="2">接收者</option>
            <option value="3">规范制定者</option>
            <option value="4">法律顾问</option>
        </select>
        <br>
        <button id="registerbutton" onclick="registercheck()" class="logingBut">注册</button>
    </div>
    </div>
</div>
</body>
</html>

register.js

var xmlHttp=false;
function createXMLHttpRequest()
{
    if (window.ActiveXObject)  //在IE浏览器中创建XMLHttpRequest对象
    {
        try{
            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(e){
            try{
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(ee){
                xmlHttp=false;
            }
        }
    }
    else if (window.XMLHttpRequest) //在非IE浏览器中创建XMLHttpRequest对象
    {
        try{
            xmlHttp = new XMLHttpRequest();
        }
        catch(e){
            xmlHttp=false;
        }
    }
}
function registercheck(){

    var usernameinput = document.getElementById("usernameinput").value;
    var passwordinput = document.getElementById("passwordinput").value;
    var user_role = document.getElementById("user_role").value;

    /*
     * 将用户名,密码,用户默认身份发送到后台
     */

    createXMLHttpRequest();   //调用创建XMLHttpRequest对象的方法
    xmlHttp.onreadystatechange=registercheckResult;   //设置回调函数
    var url="/Login?action=register&username=" + usernameinput + "&password=" + passwordinput+"&user_role="+user_role;
    xmlHttp.open("POST",url,true);      //向服务器端发送请求
    xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=utf8");
    xmlHttp.send(null);
}
function registercheckResult(){
    var usernameinput = document.getElementById("usernameinput").value;
    var passwordinput = document.getElementById("passwordinput").value;
    if (xmlHttp.readyState==4 && xmlHttp.status==200){
        var data= xmlHttp.responseText;
        document.getElementById("checkinfo").innerHTML = "";
        if(data == "false"){
            document.getElementById("checkinfo").innerHTML = "该用户名已被注册";
        }
        if (usernameinput == ""){
            document.getElementById("checkinfo").innerHTML = "用户名不能为空";
        }
        if (passwordinput == ""){
            document.getElementById("checkinfo").innerHTML = "密码不能为空";
        }
        if (usernameinput == "" && passwordinput == ""){
            document.getElementById("checkinfo").innerHTML = "用户名和密码不能为空";
        }
        if(document.getElementById("checkinfo").innerHTML == ""){
            alert("用户注册成功");
            window.location.href="/jsp/login/login.jsp"; //跳转到登录界面

        }
    }
}

已标记关键词 清除标记
百度云盘分享 简介 笔者当初为了学习JAVA,收集了很多经典源码源码难易程度分为初级、级、高级等,详情看源码列表,需要的可以直接下载! 这些源码反映了那时那景笔者对未来的盲目,对代码的热情、执着,对IT的憧憬、向往!此时此景,笔者只专注Android、Iphone等移动平台开发,看着这些源码有万分感慨,写此文章纪念那时那景! Java 源码包 Applet钢琴模拟程序java源码 2个目标文件,提供基本的音乐编辑功能。编辑音乐软件的朋友,这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统属性,初始化JNDI,取得Home对象的引用,创建EJB对象,并将当前的计数器初始化,调用每一个EJB对象的count()方法,保证Bean正常被激活和钝化,EJB对象是用完毕,从内存清除,从账户取出amt,如果amt>账户余额抛出异常,一个实体Bean可以表示不同的数据实例,我们应该通过主键来判断删除哪个数据实例…… ejbCreate函数用于初始化一个EJB实例 5个目标文件,演示Address EJB的实现,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口函数得到远程接口的引用,用远程接口的引用访问EJB。 EJBJNDI的使用源码例子 1个目标文件,JNDI的使用例子,有源代码,可以下载参考,JNDI的使用,初始化Context,它是连接JNDI树的起始点,查找你要的对象,打印找到的对象,关闭Context…… ftp文件传输 2个目标文件,FTP的目标是:(1)提高文件的共享性(计算机程序和/或数据),(2)鼓励间接地(通过程序)使用远程计算机,(3)保护用户因主机之间的文件存储系统导致的变化,(4)为了可靠和高效地传输,虽然用户可以在终端上直接地使用它,但是它的主要作用是供程序使用的。本规范尝试满足大型主机、微型主机、个人工作站、和TACs 的不同需求。例如,容易实现协议的设计。 Java EJB有、无状态SessionBean的两个例子 两个例子,无状态SessionBean可会话Bean必须实现SessionBean,获取系统属性,初始化JNDI,取得Home对象的引用,创建EJB对象,计算利息等;在有状态SessionBean,用累加器,以对话状态存储起来,创建EJB对象,并将当前的计数器初始化,调用每一个EJB对象的count()方法,保证Bean正常被激活和钝化,EJB对象是用完毕,从内存清除…… Java Socket 聊天通信演示代码 2个目标文件,一个服务器,一个客户端。 Java Telnet客户端实例源码 一个目标文件,演示Socket的使用。 Java 组播组发送和接受数据实例 3个目标文件。 Java读写文本文件的示例代码 1个目标文件。 java俄罗斯方块 一个目标文件。 Java非对称加密源码实例 1个目标文件 摘要:Java源码,算法相关,非对称加密   Java非对称加密源程序代码实例,本例使用RSA加密技术,定义加密算法可用 DES,DESede,Blowfish等。   设定字符串为“张三,你好,我是李四”   产生张三的密钥对(keyPairZhang)   张三生成公钥(publicKeyZhang)并发送给李四,这里发送的是公钥的数组字节   通过网络或磁盘等方式,把公钥编码传送给李四,李四接收到张三编码后的公钥,将其解码,李四用张三的公钥加密信息,并发送给李四,张三用自己的私钥解密从李四处收到的信息…… Java利用DES私钥对称加密代码实例 同上 java聊天室 2个目标文件,简单。 java模拟掷骰子2个 1个目标文件,输出演示。 java凭图游戏 一个目标文件,简单。 java求一个整数的因子 如题。 Java生成密钥的实例 1个目标文件 摘要:Java源码,算法相关,密钥   Java生成密钥、保存密钥的实例源码,通过本源码可以了解到Java如何产生单钥加密的密钥(myKey)、产生双钥的密钥对(keyPair)、如何保存公钥的字节数组、保存私钥到文件privateKey.dat、如何用Java对象序列化保存私钥,通常应对私钥加密后再保存、如何从文件得到公钥编码的字节数组、如何从字节数组解码公钥。 Java数据压缩与传输实例 1个目标文件 摘要:Java源码,文件操作,数据压缩,文件传输   Jav
相关推荐
©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页