ajax用户唯一性的详解

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <base href="<%=basePath%>">

        <title>My JSP 'insertAdmins.jsp' starting page</title>

        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

    </head>

    <body>
    <div>
    
                        <input type="button" value="查看是否已存在" id="check">

                    
                    

                        <span id="span"></span>
                    
    </div>

        <form action="${pageContext.request.contextPath}/Servlet.do?oper=insert" method="post">

            <table border="1px">
                <tr>
                    <td>
                        姓名:
                    </td>
                    <td>
                        <input type="text" name="userName" id="userName"/>
                    </td>
                    
                </tr>

                <tr>
                    <td>
                        性别
                    </td>
                    <td>
                        <input type="text" name="sex" />
                    </td>
                </tr>
                <tr>
                    <td>
                        年龄
                    </td>
                    <td>
                        <input type="text" name="age" />
                    </td>
                </tr>
                <tr>
                    <td>
                        出生日期
                    </td>
                    <td>
                        <input type="text" name="date"/ >
                    </td>
                </tr>

                <tr>
                    <td>
                        工资
                    </td>
                    <td>
                        <input type="text" name="save" />
                    </td>
                </tr>


            </table>

            <input type="submit" value="添加">
        </form>
    </body>
</html>
<script type="text/javascript">
    window.onload = function() {
        var xmlHttp = creatXMLHttpRequest();
        var bt = document.getElementById("check");
        
        bt.onclick = function() {
        //alert("  ");
            var userNameNode = document.getElementById("userName");
            //alert(userNameNode.value);
            xmlHttp.open("GET", "http://localhost:8080/project/Servlet.do?time=" + new Date().getTime()+"&name="+userNameNode.value+"&oper=doajax",true);
            
            //xmlHttp.open("POST", "http://localhost:8080/project/Servlet.do?time=" + new Date().getTime(),true);
            //xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            xmlHttp.send(null);
            xmlHttp.onreadystatechange = function() {
            
                if (xmlHttp.readyState == 4) {
                  //alert(" ");
                    if (xmlHttp.status == 200) {
                    //alert("ff");
                        var msg = xmlHttp.responseText;
                        alert(msg);
                        document.getElementById("span").innerHTML = msg;
                    }
                }
            }

        }
    }

        function creatXMLHttpRequest() {
            var xmlHttp;
            try {
                xmlHttp = new XMLHttpRequest();

            } catch (ex) {
                try {
                    xmlHttp = new ActiveXobject("MSXML2.XMLHttp");

                } catch (e) {
                    xmlHttp = new ActiceXobject("Microsoft.XMLHttp");
                }
            }
        
        return xmlHttp;
        
        

    }
</script>


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值