<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Demo</title>
<script>
function?search(){
????//發(fā)送Ajax查詢請求并處理
????var?request?=new?XMLHttpRequest();
????request.open("GET","ajax.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("發(fā)生錯誤"+request.status);
????????????}
????????}
????}
}
</script>
</head>
<body?style=fontsize:24px;line-height:2;>
<h1>員工查詢</h1>
<label?for="keyword">請輸入員工編號：</label>
<input?type="text"?id="keyword"?/>
<input?id="search"?type="button"?value="查詢"?onClick="search()"/>
<p?id="searchResult"></p>
<h1>員工創(chuàng)建</h1>
<label?for="staffName">請輸入員工姓名：</label>
<input?type="text"?id="staffName"?/><br/>
<label?for="staffNumber">請輸入員工編號：</label>
<input?type="text"?id="staffNumber"?/><br/>
<label?for="staffSex">請選擇員工性別：</label>
<select?name="satffSex"?id="staffSex">
<option?value="男">男</option>
<option?value="女">女</option>
</select><br/>
<label?for="sstaffJob">請輸入員工職位：</label>
<input?type="text"?id="staffJob"?/><br/>
<input?type="submit"?value="保存"?/>
<p?id="createResult"></p>
</body>
</html><?php
//設(shè)置頁面內(nèi)容是html編碼格式是utf-8
header("Content-type:text/plain;charset=utf-8");
//header("Content-type:application/json;charset=utf-8");
//header("Content-type:text/xml;charset=utf-8");
//header("Content-type:application/javascript;charset=utf-8");
//定義一個多維數(shù)組，包含員工的信息，每條員工信息為一個數(shù)組
$staff=array(
????array("name"=>"洪七","number"=>"101","sex"=>"男","job"=>"總經(jīng)理"),
????array("name"=>"郭靖","number"=>"102","sex"=>"男","job"=>"開發(fā)工程師"),
????array("name"=>"黃蓉","number"=>"103","sex"=>"女","job"=>"產(chǎn)品經(jīng)理")
);
//判斷如果是get請求，則進行搜索；如果是POST請求，則進行新建
//$_SERVE是一個超全局變量，在一個腳本的全部作用域都可用，不用使用GLOBAL關(guān)鍵字
//$_SERVE["REAUEST_METHOD"]返回頁面使用的請求方法
if($_SERVER["REQUEST_METHOD"]=="GET"){
????search();
}else?if($_SERVER["REQUEST_METHOD"]=="POST"){
???create();?
}
//通過員工編號搜索員工
function?search(){
????//檢查是否有員工編號的參數(shù)
????//isset檢測變量是否設(shè)置；empty判斷值是否為空
????//超全局變量$_GET?AND?$_POST用于收集表單書數(shù)據(jù)
????if(!isset($_GET["number"])||empty("number")){
????????echo"參數(shù)錯誤";
????????return;????????
????}
????//函數(shù)之外聲明的變量有GLOBAL作用域，只能在函數(shù)以外進行訪問
????//global關(guān)鍵詞用于訪問函數(shù)內(nèi)的全局變量
????global?$staff;
????//獲取number參數(shù)
????$number=$_GET["number"];
????$result="沒有找到員工";
????
????//遍歷$staff多維數(shù)組，查找key值為munber的員工是否存在，如果存在，則修改返回結(jié)果
????foreach($staff?as?$value){
????????if($value["number"]==$number){
????????????$result="找到員工：員工編號：".$value["number"].",員工姓名：".$value["name"].
????????????"員工性別：".$value["sex"]."員工職位：".$value["job"];
????????????break;
????????}
????}
????echo?$result;????
}
//創(chuàng)建員工
function?create(){
????//判斷信息是否填寫完全
????if(!isset($_POST["name"])||empty($_POST["name"])
????????||!isset($_POST["number"])||empty($_POST["number"])
????????||!isset($_POST["sex"])||empty($_POST["sex"])
????????||!isset($_POST["job"])||empty($_POST["job"])){
????????echo?"參數(shù)錯誤，員工信息填寫不全";
????????return;
????}
?//?TODO:獲取POST表單數(shù)據(jù)并保存到數(shù)據(jù)庫
????//提示保存成功
????echo?"員工：".$_POST["name"]."信息保存成功！";
????
}
2017-03-11
第一處錯誤是在ajax.php的第26行 應(yīng)該是empty($_GET['number'])
2017-03-11
你把站點搭建了？
2017-03-11
2017-03-11
最要命的是body里的style沒有打引號
2017-03-11
為什么所有l(wèi)abel標(biāo)簽里都有個for屬性 這是個什么屬性從來沒見過