1 <script>
2 window.addEventListener('load', function (ev) {
3 var btn = document.getElementById('send');
4 btn.addEventListener('click', function (ev1) {
5 // 1. 创建一个请求对象
6 var xhr = new XMLHttpRequest();
7
8 // 2. 准备发送
9 xhr.open('get', 'http://localhost:3000/api/one', true);
10
11 // 3. 发送请求
12 xhr.send();
13
14 // 4. 监听服务器的响应
15 xhr.addEventListener('readystatechange', function (ev2) {
16 // console.log(xhr.readyState);
17 if(xhr.readyState === 4){
18 // 意味着服务器的响应结束了
19 // 不代表副武器的响应是一定正确
20 // console.log(xhr.status);
21 if(xhr.status === 200){
22 console.log(xhr.response);
23 console.log(xhr.responseText);
24 }
25 }
26 });
27 });
28 });
29 </script>