                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /Ajax全接觸

PHP用ajax的時(shí)候，responseText返回的是整個(gè)頁面的html代碼

<!DOCTYPE?html>
<html>
	<head>
		<meta?charset="UTF-8">
		<title>員工查詢與新建</title>
		<style>
			*{
				padding:?0;
				margin:?0;
				font-size:?30px;
				line-height:?45px;
			}
			
		</style>
	</head>
	<body>
		<h1>員工查詢</h1>
		<lable>請輸入員工編號：</lable>
		<input?type="text"?name=""?id="keyword"?value=""?/>
	????<button?id="search">查詢</button><br?/>
	????<p?id="searchResult"></p><br?/>
		<h1>員工新建</h1><br?/>
		<lable>請輸入員工編號：</lable>
		<input?type="text"?name="staffNumber"?id="staffNumber"?value=""?/><br?/>
		<lable>請輸入員工姓名：</lable>
		<input?type="text"?name="staffName"?id="staffName"?value=""?/><br?/>
		<lable>請選擇員工性別：</lable>
		<select?id="staffSex">
			<option?value="男">男</option>
			<option?value="女">女</option>
		</select><br?/>
		<lable>請輸入員工職位：</lable>
		<input?type="text"?name="staffJob"?id="staffJob"?value=""?/><br?/>
		<button?id="save">保存</button><br?/>
		<p?id="creatResult"></p>
	</body>
	<script>
		document.getElementById("search").onclick=function(){
			//發(fā)送Ajax請求并處理
			var?request=new?XMLHttpRequest();
			request.open("GET","/php/Ajax-video-lesson.php?number="+document.getElementById("keyword").value,true);//true是async的默認(rèn)值可以不寫
			//為什么輸入"Ajax-video-lesson.php?number="會(huì)出錯(cuò)？
			request.send();
		}
	</script>
</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:?text/html;charset=utf-8");?
//header("Content-Type:?application/javascript;charset=utf-8");?

//定義一個(gè)多維數(shù)組，包含員工的信息，每條員工信息為一個(gè)數(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請求，則進(jìn)行搜索；如果是POST請求，則進(jìn)行新建
//$_SERVER是一個(gè)超全局變量，在一個(gè)腳本的全部作用域中都可用，不用使用global關(guān)鍵字
//$_SERVER["REQUEST_METHOD"]返回訪問頁面使用的請求方法
if?($_SERVER["REQUEST_METHOD"]?==?"GET")?{
	search();
}?elseif?($_SERVER["REQUEST_METHOD"]?==?"POST"){
	create();
}

//通過員工編號搜索員工
function?search(){
	//檢查是否有員工編號的參數(shù)
	//isset檢測變量是否設(shè)置；empty判斷值為否為空
	//超全局變量?$_GET?和?$_POST?用于收集表單數(shù)據(jù)
	if?(!isset($_GET["number"])?||?empty($_GET["number"]))?{
		echo?"參數(shù)錯(cuò)誤";
		return;
	}
	//函數(shù)之外聲明的變量擁有?Global?作用域，只能在函數(shù)以外進(jìn)行訪問。
	//global?關(guān)鍵詞用于訪問函數(shù)內(nèi)的全局變量
	global?$staff;
	//獲取number參數(shù)
	$number?=?$_GET["number"];
	$result?=?"沒有找到員工。";
	
	//遍歷$staff多維數(shù)組，查找key值為number的員工是否存在，如果存在，則修改返回結(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ù)錯(cuò)誤，員工信息填寫不全";
		return;
	}
	//TODO:?獲取POST表單數(shù)據(jù)并保存到數(shù)據(jù)庫
	
	//提示保存成功
	echo?"員工："?.?$_POST["name"]?.?"?信息保存成功！";
}
?>