                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /Ajax全接觸

不輸入任何內容單獨點擊保存，出現下面這種情況，為什么？

所有代碼都是按照復制老師的源碼，服務器也是使用DW配置在本地的，但是就是運行不成功，無論輸入內容還是不輸入內容，最終都會出現下面這種錯誤

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>Demo</title>
<style>
body,?input,?select,?button,?h1?{
	font-size:?28px;
	line-height:1.7;
}
</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?src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script>
<script>
$(document).ready(function(){?
	$("#search").click(function(){?
		$.ajax({?
		????type:?"GET",?	
			url:?"http://127.0.0.1:8080/ajaxdemo/serverjson2.php?number="?+?$("#keyword").val(),
			dataType:?"json",
			success:?function(data)?{
				if?(data.success)?{?
					$("#searchResult").html(data.msg);
				}?else?{
					$("#searchResult").html("出現錯誤："?+?data.msg);
				}??
			},
			error:?function(jqXHR){?????
			???alert("發生錯誤："?+?jqXHR.status);??
			},?????
		});
	});
	
	$("#save").click(function(){?
		$.ajax({?
		????type:?"POST",?	
			url:?"serverjson.php",
			data:?{
				name:?$("#staffName").val(),?
				number:?$("#staffNumber").val(),?
				sex:?$("#staffSex").val(),?
				job:?$("#staffJob").val()
			},
			dataType:?"json",
			success:?function(data){
				if?(data.success)?{?
					$("#createResult").html(data.msg);
				}?else?{
					$("#createResult").html("出現錯誤："?+?data.msg);
				}??
			},
			error:?function(jqXHR){?????
			???alert("發生錯誤："?+?jqXHR.status);??
			},?????
		});
	});
});
</script>
</body>
</html>

<?php
//設置頁面內容是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:?text/html;charset=utf-8");?
//header("Content-Type:?application/javascript;charset=utf-8");?
//定義一個多維數組，包含員工的信息，每條員工信息為一個數組
$staff?=?array
	(
		array("name"?=>?"洪七",?"number"?=>?"101",?"sex"?=>?"男",?"job"?=>?"總經理"),
		array("name"?=>?"郭靖",?"number"?=>?"102",?"sex"?=>?"男",?"job"?=>?"開發工程師"),
		array("name"?=>?"黃蓉",?"number"?=>?"103",?"sex"?=>?"女",?"job"?=>?"產品經理")
	);
//判斷如果是get請求，則進行搜索；如果是POST請求，則進行新建
//$_SERVER是一個超全局變量，在一個腳本的全部作用域中都可用，不用使用global關鍵字
//$_SERVER["REQUEST_METHOD"]返回訪問頁面使用的請求方法
if?($_SERVER["REQUEST_METHOD"]?==?"GET")?{
	search();
}?elseif?($_SERVER["REQUEST_METHOD"]?==?"POST"){
	create();
}
//通過員工編號搜索員工
function?search(){
	//檢查是否有員工編號的參數
	//isset檢測變量是否設置；empty判斷值為否為空
	//超全局變量?$_GET?和?$_POST?用于收集表單數據
	if?(!isset($_GET["number"])?||?empty($_GET["number"]))?{
		echo?"參數錯誤";
		return;
	}
	//函數之外聲明的變量擁有?Global?作用域，只能在函數以外進行訪問。
	//global?關鍵詞用于訪問函數內的全局變量
	global?$staff;
	//獲取number參數
	$number?=?$_GET["number"];
	$result?=?"沒有找到員工。";
	
	//遍歷$staff多維數組，查找key值為number的員工是否存在，如果存在，則修改返回結果
	foreach?($staff?as?$value)?{
		if?($value["number"]?==?$number)?{
			$result?=?"找到員工：員工編號："?.?$value["number"]?.?"，員工姓名："?.?$value["name"]?.?
			??????????????????"，員工性別："?.?$value["sex"]?.?"，員工職位："?.?$value["job"];
			break;
		}
	}
????echo?$result;
}
//創建員工
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?"參數錯誤，員工信息填寫不全";
		return;
	}
	//TODO:?獲取POST表單數據并保存到數據庫
	
	//提示保存成功
	echo?"員工："?.?$_POST["name"]?.?"?信息保存成功！";
}