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

查找，保存正確的時(shí)候能顯示，錯(cuò)誤的時(shí)候P那就空白求解

<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>demojson</title>
</head>
<body>
????<h1>員工查詢</h1>
????<label>請(qǐng)輸入員工工號(hào)</label>
????<input?type="text"?id="keyWord"></br>
????<button?id="search">查詢</button>
????<p?id="searchResult"></p>
????<h1>員工保存</h1>
????<lable>請(qǐng)輸入員工姓名</lable>
????<input?type="text"?id="stuffName"></br>
????<lable>請(qǐng)輸入員工工號(hào)</lable>
????<input?type="text"?id="stuffNumber"></br>
????<label>請(qǐng)輸入員工職位</label>
????<input?type="text"?id="stuffJob"></br>
????<lable>請(qǐng)選擇員工性別</lable>
????<select?id="stuffSex">
????????<option>男</option>
????????<option>女</option>
????</select></br>
????<button?id="save">保存</button>
????<p?id="saveResult"></p>
<script>
????document.getElementById('search').onclick=function(){
????????var?request?=?new?XMLHttpRequest();
????????request.open("GET",?"serverjson.php?number="?+?document.getElementById("keyWord").value);
????????request.send();
????????request.onreadystatechange=function(){
????????????if(request.readyState===4){
????????????????if(request.status===200){
????????????????????var?data?=?JSON.parse(request.responseText);
????????????????????if(data.success){//判斷請(qǐng)求是否成功
????????????????????document.getElementById('searchResult').innerHTML?=?data.msg;
????????????????????}
????????????????}else{
????????????????????document.getElementById('searchResult').innerHTML?=?'錯(cuò)誤'+datamsg;
????????????????}
????????????}
????????}
????}
????????document.getElementById('save').onclick=function(){
????????var?request?=?new?XMLHttpRequest();
????????request.open('post','serverjson.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){
????????????????????var?data?=?JSON.parse(request.responseText);
????????????????????if(data.success){
????????????????????document.getElementById('saveResult').innerHTML?=?data.msg;
????????????????????}
????????????????}else{
????????????????????document.getElementById('saveResult').innerHTML?=?'錯(cuò)誤'+?data.msg;
????????????????}
????????????}
????????}
????}
</script>
</body>
</html>

weixin_慕勒4259824

2016-06-29

源自：Ajax全接觸 4-2

關(guān)注問(wèn)題我要回答

615

操作

收起

2 回答

狐貍別跑
2016-07-11

@天天4 ? 我覺(jué)得 ? 既然正確的能顯示那么你應(yīng)該看看你的request.readyState 是否為4 ? ?而且40行代碼"'錯(cuò)誤'+datamsg;"? ??

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

荔枝小時(shí)
2016-06-29

因?yàn)楦緵](méi)有錯(cuò)誤路徑可以走

<!DOCTYPE html>
<html>
<head>
??? <meta charset="UTF-8">
??? <title>demojson</title>
</head>
<body>
??? <h1>員工查詢</h1>
??? <label>請(qǐng)輸入員工工號(hào)</label>
??? <input type="text" id="keyWord"></br>
??? <button id="search">查詢</button>
??? <p id="searchResult"></p>
??? <h1>員工保存</h1>
??? <lable>請(qǐng)輸入員工姓名</lable>
??? <input type="text" id="stuffName"></br>
??? <lable>請(qǐng)輸入員工工號(hào)</lable>
??? <input type="text" id="stuffNumber"></br>
??? <label>請(qǐng)輸入員工職位</label>
??? <input type="text" id="stuffJob"></br>
??? <lable>請(qǐng)選擇員工性別</lable>
??? <select id="stuffSex">
??????? <option>男</option>
??????? <option>女</option>
??? </select></br>
??? <button id="save">保存</button>
??? <p id="saveResult"></p>
<script>
??? document.getElementById('search').onclick=function(){
??????? var request = new XMLHttpRequest();
??????? request.open("GET", "server.php?number=" + document.getElementById("keyWord").value);
??????? request.send();
??????? request.onreadystatechange=function(){
??????????? if(request.readyState===4){
??????????????? if(request.status===200){
??????????????????? var data = JSON.parse(request.responseText);
??????????????????? if(data.success){//判斷請(qǐng)求是否成功
??????????????????? document.getElementById('searchResult').innerHTML = data.msg;
??????????????????? }
??????????????? }else{
??????????????????? document.getElementById('searchResult').innerHTML = '錯(cuò)誤'+datamsg;
??????????????? }
??????????? }
??????? }
??? }
??????? document.getElementById('save').onclick=function(){
??????? var request = new XMLHttpRequest();
??????? request.open('post','server.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){
??????????????????? var data = JSON.parse(request.responseText);
??????????????????? if(data.success){
??????????????????? document.getElementById('saveResult').innerHTML = data.msg;
??????????????????? }
??????????????? }else{
??????????????????? document.getElementById('saveResult').innerHTML = '錯(cuò)誤'+ data.msg;
??????????????? }
??????????? }else{
?? ??? ??? ??? ?alert(0);
?? ??? ??? ?}
??????? }
??? }
</script>
</body>
</html>