service.php,service.php代码——20170412

aSuncat

2017-04-12 20:53

demo.html代码：html>

demo

*{

font-size:30px;

line-height:30px;

}

员工查询

请输入员工编号：

查询

员工创建

请输入员工姓名：

请输入员工编号：

请选择员工性别：

男

女

请输入员工职位：

保存

document.getElementById('search').οnclick=function(){

//发送ajax查询请求并处理

var request=new XMLHttpRequest();

request.open('GET','service.php?number='+document.getElementById('keyword').value);

request.send();

request.onreadystatechange=function(){

if(request.readyState===4){

if(request.status===200){

var data=JSON.parse(request.responseText);

if(data.success){

document.getElementById('searchResult').innerHTML=data.msg;

}else{

document.getElementById('searchResult').innerHTML="出现错误："+data.msg;

}

}else{

alert('发生错误'+request.status);

}

}

}

};

document.getElementById('save').οnclick=function(){

//发送ajax保存请求并处理

var request=new XMLHttpRequest();

request.open('POST','service.php');

var data='name='+document.getElementById('staffName').value+'&number='+document.getElementById('staffNumber').value+'&sex='+document.getElementById('staffSex').value+'&job='+document.getElementById('staffJob').value;

//必须setRequestHeader，如果不写，则表单填全了还会提示'参数错误，员工信息填写不全'

request.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

request.send(data);

request.onreadystatechange=function(){

if(request.readyState===4){

if(request.status===200){

var data=JSON.parse(request.responseText);

if(data.success){

document.getElementById('createResult').innerHTML=data.msg;

}else{

document.getElementById('createResult').innerHTML="出现错误："+data.msg;

}

}else{

alert('发生错误'+request.status);

}

}

}

};