員工信息保存成功,但頁面沒反應(yīng)
按照老師的步驟,在頁面上提交員工信息后,respond中顯示保存成功
但是在頁面上沒有反應(yīng)。
但是上一個功能,即查詢功能完全沒問題。代碼我是復(fù)制下來修改的。是這樣
<font face="Arial, Helvetica, sans-serif"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo</title>
<style>
*{
font-size:30px
}
</style>
</head>
<body>
<h1>員工查詢</h1>
<label>請輸入員工編號:</label>
<input type = "text" id="keyword"/>
<button id="search">查詢</button>
<p id="searchResult"></p>
<h1>員工新建</h1>
<p>
? <label>請輸入員工姓名:</label>
? <input type = "text" id="stuffName"/><br />
??
? <label>請輸入員工編號:</label>
? <input type = "text" id="stuffNumber"/><br />
? <label>? 請輸入員工性別:</label>
? <select id="stuffSex">
? <option>男</option>
? ? <option>女</option>
? </select>
??
<br />
? <label>? 請輸入員工職位:</label>
? <input type = "text" id="stuffJob"/>
? <br />
? <button id="save">確認(rèn)</button>
? <p id=createResult"></p>
</p>
<script>
document.getElementById("search").onclick = function(){
//發(fā)送ajax查詢請求并處理
var request = new XMLHttpRequest();
? ? request.open("GET","servers.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)
? ? ? ? ? ? }
? ? ? ? ? ??
? ? ? ? }
? ? }
? ??
}
/*
*POST請求編寫
*新增人員
*/
//POST 請求
document.getElementById("save").onclick = function(){
//發(fā)送ajax? ?POST請求并處理
var request = new XMLHttpRequest();
? ? request.open("POST","servers.php");
? ? var data = "name=" + document.getElementById("stuffName").value +
? ? ?"&number=" + document.getElementById("stuffNumber").value +
? ? ? "&sex=" + document.getElementById("stuffSex").value +
? ? ? ?"&job=" + document.getElementById("stuffJob").value;
? ? request.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
? ? request.send(data);
? ? request.onreadystatechange = function(){
? ? if(request.readyState === 4){
? ? ? ? if(request.status ===200){
? ? ? ? ? ? document.getElementById("createResult").innerHTML=request.responseText;
? ? ? ? ? ??
? ? ? ? ? ? }else{
? ? ? ? ? ? alert("發(fā)生錯誤"+request.status)
? ? ? ? ? ? }
? ? ? ? ? ??
? ? ? ? }
? ? }
? ??
}
</script>
</body>
</html>
</font>
我的sever.php文件在建立的時候拼錯了,所以這里的也不對(原諒我的渣渣英語)。查詢功能是對的。
看到有人和我是一樣的問題,解決方法是端口問題。我的Apache端口是8081.
求幫助??!
2018-05-23
</script>
</body>
</html>
</font>
最后的</font>哪里來的?