ajax/post请求

 1 <script>
 2     window.addEventListener('load', function (ev) {
 3         var btn = document.getElementById('send');
 4         btn.addEventListener('click', function (ev1) {
 5 
 6             // 1. 获取用户输入的内容
 7             var account = document.getElementById('account').value;
 8             var pwd = document.getElementById('pwd').value;
 9 
10             // 2. 创建网络请求对象
11             var xhr = new XMLHttpRequest();
12             xhr.open('post', 'http://localhost:3000/api/five', true);
13             // 设置请求头
14             xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
15 
16             xhr.send('name=zs&age=19');
17             xhr.addEventListener('readystatechange', function (ev2) {
18                 if(xhr.readyState === 4 ){
19                    if(xhr.status === 200){
20                        console.log(xhr.responseText);
21                    }else {
22                        console.log('请求失败!');
23                    }
24                 }
25             });
26         });
27     });
28 </script>

 

posted @ 2019-07-21 23:45  疏影横斜水清浅  阅读(815)  评论(0编辑  收藏  举报