edit.html

  <h3>edit.html 修改用户信息网页</h3>
          <form>
              用户名 <input type="text" id="u_names"><br>
              电话   <input type="text" id="u_phone"><br>
              是否会员<input type="text" id="u_member"><br>
              <input type="button" id="btn" value="修改">
          </form>
          <script>
           //任务一:获取reg.html传递三个参数,
          //1:获取查询字符串 location.search,
          var str = location.search;
          console.log(1);
          console.log(str);
          //URLSearchParam 对象将查询字符保存转对象
          //id=1&age=19
          //2:放在对象   var obj = new URLSearchParams,
          console.log(2)
          var obj = new URLSearchParams(str);
          //3:获取输出       uphone
          //console.log(obj.get("uphone"));
          //console.log(obj.get("unames"));
          //console.log(obj.get("umember"));
          //任务二:上面创建表单将数据分别保存输入框,
          console.log(obj)
          var uphone = obj.get("uphone");
          var unames = obj.get("unames");
          var umember = obj.get("umember");
          u_phone.value = uphone;
          u_names.value = unames;
          u_member.value = umember;
          //9:29 完成上述任务
          //任务三:点击更新按钮修改数据
          //1:获取btn按钮绑定点击事件,
          btn.onclick = function(){
            //1.1:创建xhr,
            var xhr = new XMLHttpRequest();
            //1.2:打开网络连接,
            var url = "http://127.0.0.1:3000/user/edit";
            xhr.open("PUT",url,true);
            //1.3:！！！修改请求数据类型,
            xhr.setRequestHeader("Content-Type",
            "application/x-www-form-urlencoded");
            //1.3.1:发送请求
            //新数据从表单中获取旧上个网页传递下来
            var str="";
            str+="uname="+u_names.value;
            str+="&uphone="+u_phone.value;
            str+="&umember="+u_member.value;
            str+="&oldphone="+uphone
            //console.log(str);
            xhr.send(str);
            //1.4:获取返回结果 判断
            xhr.onreadystatechange = function(){
                console.log(100);
                if(xhr.readyState===4&&xhr.status===200){
                    var obj = JSON.parse(xhr.responseText);
                    if(obj.code==1){
                        alert(obj.msg);
                    }else{
                        alert(obj.msg);
                    }
                }
            }
          
          }
          </script>