为了账号安全,请及时绑定邮箱和手机立即绑定

员工信息保存成功,但页面没反应

按照老师的步骤,在页面上提交员工信息后,respond中显示保存成功

https://img1.sycdn.imooc.com//5b03ff670001cf9410790667.jpg

但是在页面上没有反应。

https://img1.sycdn.imooc.com//5b03ff810001a49a08360374.jpg

但是上一个功能,即查询功能完全没问题。代码我是复制下来修改的。是这样

<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">确认</button>

  <p id=createResult"></p>

</p>



<script>


document.getElementById("search").onclick = function(){

//发送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("发生错误"+request.status)

            }

            

        }

    }

    


}



/*

*POST请求编写

*新增人员

*/


//POST 请求


document.getElementById("save").onclick = function(){

//发送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("发生错误"+request.status)

            }

            

        }

    }

    


}




</script>

</body>

</html>

</font>



我的sever.php文件在建立的时候拼错了,所以这里的也不对(原谅我的渣渣英语)。查询功能是对的。

看到有人和我是一样的问题,解决方法是端口问题。我的Apache端口是8081.

https://img1.sycdn.imooc.com//5b040020000192fe06040256.jpg

求帮助!!

正在回答

1 回答

</script>

</body>

</html>

</font>

最后的</font>哪里来的?

0 回复 有任何疑惑可以回复我~
#1

qq__3734 提问者

那个是写错了,但是不是因为那个啊。我去掉了还是有问题
2018-05-23 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
Ajax全接触
  • 参与学习       224850    人
  • 解答问题       663    个

本课程通过一个案例,讲解Ajax的相关概念原理实现方式和应用

进入课程

员工信息保存成功,但页面没反应

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信