三、请求

一、Post 请求

• 提交数据
• 发送数据对用户来说是不可见
• 发送数据理论上是没有限制的

  <div id="test"></div>
  <script>
  var test = document.getElementById("test");
  var xhr = new XMLHttpRequest();
  xhr.open("post","https://www.easy-mock.com/mock/5b230e1e6bed703a9b488c69/www.getTest.com/push",true);
  xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  xhr.send(null);
  xhr.onreadystatechange = function(){
    if(xhr.readyState == 4 && xhr.status == 200){
    var data = JSON.parse(xhr.responseText);
    test.innerHTML = data.data.content
    }
  }
  </script>

二、Get 请求

• 用来请求数据
• 请求放在url地址里面的，对用户是不可见的
• 发送的信息也是有限的

  var url = "https://www.easy-mock.com/mock/5bac6df10132334db7167178/testDemo/testDemo";
        var xhr = new XMLHttpRequest();
        xhr.open('get',url,true);
        xhr.send();
        xhr.onreadystatechange = function(){
            if(xhr.readyState ==  4 && xhr.status == 200){
                var txt = JSON.parse(xhr.responseText);
                console.log(txt);
            }
        }