一直報 發(fā)生未知錯誤 200
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
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"/>
<button id="save">保存</button>
<p id="createResult"></p>
<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#search").click(function(){
$.ajax({
? ? ? ? ? ? ? ? ? ?type:"GET",
? ? ? ? ? ? ? ? ? ?url:"../php/serverjson.php?number="+$("#keyword").val(),
? ? ? ? ? ? ? ? ? ?dataType:"json",
? ? ? ? ? ? ? ? ? ?success:function(data){
? ? ? ? ? ? ? ? ? ? ?if(data.success){
? ? ? ? ? ? ? ? ? ? ? $("#searchResult").html(data.msg);
? ? ? ? ? ? ? ? ? ? ?}else{
? ? ? ? ? ? ? ? ? ? ? $("#searchResult").html("出現(xiàn)錯誤:"+data.msg);
? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ? ? ?error:function(jqXHR){
? ? ? ? ? ? ? ? ? ? ?alert("發(fā)生錯誤:"+jqXHR.status);
? ? ? ? ? ? ? ? ? ?},
});
});
$("#save").click(function(){
? ? ? ? ? ? ? ?$.ajax({
? ? ? ? ? ? ? ? ? type:"POST",
? ? ? ? ? ? ? ? ? url:"../php/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("出現(xiàn)錯誤"+data.msg);
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? error:function(jqXHR){
? ? ? ? ? ? ? ? ? ?alert("發(fā)生錯誤"+jqXHR.status);
? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ?});
});
})
</script>
</body>
</html>
<?php
//設(shè)置頁面內(nèi)容是html編碼格式是utf-8
header("Content-Type:text/plain;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請求,則進行新建
//$_SERVER是一個超全局變量,在一個腳本的全部作用域中都用,不用使用global關(guān)鍵字
//$_SERVER["REQUEST_METHOD"]返回訪問頁面使用的請求方法
if($_SERVER["REQUEST_METHOD"]=="GET"){
search();
}else if($_SERVER["REQUEST_METHOD"]=="POST"){
create();
}
//通過員工編號搜索員工
function search(){
//檢查是否有員工編號參數(shù)
//isset檢測變量是否設(shè)置;empty判斷值是否為空
//超全局變量$_GET和$_POST用于收集表單數(shù)據(jù)
if(!isset($_GET["number"])||empty($_GET["number"])){
echo'{"success":false,"msg":"參數(shù)錯誤"}';
return;
}
//函數(shù)之外聲明的變量擁有Global作用域,只能在函數(shù)以外進行訪問。
//global關(guān)鍵詞用于訪問函數(shù)內(nèi)的全局變量
global $staff;
//獲取number參數(shù)
$number = $_GET["number"];
$result = '{"success":false,"msg":"沒有找到員工"}';
//遍歷$staff多維數(shù)組,查找key為number的員工是否存在,如果存在,則修改返回結(jié)果
foreach($staff as $value){
if($value["number"]==$number){
$result = '{"success":true,"msg":"找到員工:員工編號:' . $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'{"success":false,"msg":"參數(shù)錯誤,員工信息填寫不全"}';
? ?return;
}
//TODO:獲取POST表單數(shù)據(jù)并保存到數(shù)據(jù)庫
//提示保存成功
echo'{"success":true,"msg":"員工:'.$_PSOT["name"].'信息保存成功!"}';
}
?>
2019-06-26
你服務(wù)端最后一句,里面的PSOT應(yīng)該是POST,拼錯了
echo'{"success":true,"msg":"員工:'.$_PSOT["name"].'信息保存成功!"}';