<%@ 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>
<%
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>