ajax 简单实现判断用户是否注册【登录情况】【员工注册、下拉动态加载】
ajax 实现注册检测及员工注册 javascript :
<script>
//检测用户是否被注册
function check()
{
var name = document.getElementById("empName").value;
//1.创建核心对象
var request = false;
try
{
request = new XMLHttpRequest();//firefox
}
catch(e)
{
request = new ActiveXObject("Microsoft.XMLHttp");
}
//2.打开并发送(加随机数,也不会访问缓存)
request.open("get","ajax.do?p=check&name="+name+"&r="+Math.random());
request.send(null);
//3.接收
request.onreadystatechange = function()
{
if (request.readyState==4 && request.status==200)
{
var ret = request.responseText;
//alert(ret.length);
if (ret=="true")
{
document.getElementById("msg").innerHTML="手气真被";
}
if(ret!="true")
{
document.getElementById("msg").innerHTML="手气真好";
}
}
}
}
//加载事件去查所有部门,得到是部门json数组字符,要转换,并添加select
onload = function()
{
//1.创建核心对象
var request = false;
try
{
request = new XMLHttpRequest();//firefox
}
catch(e)
{
request = new ActiveXObject("Microsoft.XMLHttp");
}
//2.打开并发送(加随机数,也不会访问缓存)
request.open("get","ajax.do?p=getAllDept&r="+Math.random());
request.send(null);
//3.接收
var dep = document.getElementById("dep");
request.onreadystatechange = function()
{
if (request.readyState==4 && request.status==200)
{
var ret = request.responseText;
var arry = eval("("+ret+")");
for (var i=0;i<arry.length;i++)
{
var op = new Option(arry[i].name,arry[i].id);
dep.add(op);
}
}
}
}
</script>
//body代码
<body>
<!-- 检测用户是否被注册 -->
<form action="ajax.do?p=regist" method="post">
姓名:<input type=text name="empName" id="empName" onblur="check()"> <span id="msg"></span><br>
性别:<input type=rad