<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>demo</title> <style> *{ font-size: 30px; line-height: 1.8; } </style> </head> <body> <h1>员工查询</h1> <label>请输入员工的编号</label> <input type="text" id="keyword"/> <button id="search">查询</button> <p id="searchResult"></p> <h1>员工新建</h1> <label>请输入员工的姓名</label> <input type="text" id="staffName"/><br /> <label>请输入员工的编号</label> <input type="text" id="staffNumber"/><br /> <label>请输入员工的性别</label> <select id="staffSex"> <option>男</option> <option>女</option> </select><br /> <label>请输入员工的职位</label> <input type="text" id="staffJob"/><br /> <button id="save">保存</button> <p id="createResult"></p> <script> document.getElementById('search').onclick=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){ document.getElementById('searchResult').innerHTML=request.responseText; }else{ alert('发生错误：'+request.status); } } } } </script> </body></html>
添加回答
举报
0/150
提交
取消