标签：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title> ajax</title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
<h1>员工查询</h1>
<span>请输入员工编号：</span><input type="text" id="hao" />
<button id="search">查询</button>
<p id="result"></p>
<h1>员工新建</h1>
<span>请输入员工姓名：</span><input type="text" id="name" /><br/>
<span>请输入员工编号：</span><input type="text" id="number" /><br/>
<span>请输入员工性别：</span><select id="sex"><option>男</option><option>女</option></select><br/>
<span>请输入员工职位：</span><input type="text" id="job" />
<button id="btn">保存</button>
<p id="rest"></p>
<script>
var chaxun = document.getElementById("search");
chaxun.onclick=function(){
var request = new XMLHttpRequest();
request.open(‘get‘,‘serverjson2.php?number=‘+document.getElementById("hao").value);
request.send();
request.onreadystatechange=function(){
if(request.readyState===4||request.status===200){
var data = JSON.parse(request.responseText);
if(data.success){
document.getElementById("result").innerHTML=data.msg;
}
else{
document.getElementById("result").innerHTML="出现错误："+data.msg;
}
}
else{"发生错误："+request.status;}
}
}
var cunchu = document.getElementById("btn");
cunchu.addEventListener("click",function(){
var request = new XMLHttpRequest();
request.open("post","serverjson2.php",true);
var date = "name="+document.getElementById("name").value
+"&number="+document.getElementById("number").value
+"&sex="+document.getElementById("sex").value
+"&job="+document.getElementById("job").value;
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
request.send(date);
request.onreadystatechange=function(){
if(request.readyState===4||request.status===200){
var data = JSON.parse(request.responseText);
if(data.success){
document.getElementById("rest").innerHTML=data.msg;}
else{
document.getElementById("rest").innerHTML="发生错误："+data.msg;
}
}
else{
alert("发生错误："+request.status);}
}
})
</script>
</body>
</html>
标签：
原文地址：http://www.cnblogs.com/imxmi/p/5595089.html
