axios发生get,post请求

2022-07-14 14:51:29 浏览数 (1)

只要可以发送请求,即可做爬虫

经过前段时间学习,了解到还有axios这么个东西。

学的越多,你不会的也就越多,网络这块感觉永无止境呀。

然后试着用一言接口试了一下

代码语言:javascript复制
<h2 id='onesentence'>{{num}}</h2>
        <script>
        axios.get('https://v1.hitokoto.cn')
            .then(function(response) {
                let data = document.getElementById('onesentence');
                data.innerText = response.data.hitokoto;
                console.log(response.data.hitokoto);
            })
            .catch(function(error) {
                console.log(error);
            });
         </script>

以下内容摘自https://www.kancloud.cn/yunye/axios/234845

cdn安装axios:

cdn安装axios:

代码语言:javascript复制
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

执行GET请求

代码语言:javascript复制
// 为给定 ID 的 user 创建请求axios.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });// 可选地,上面的请求可以这样做axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

执行POST请求

代码语言:javascript复制
axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

执行多个并发请求:

代码语言:javascript复制
        function getUserAccount() {
            return axios.get('/user/12345');
        }

        function getUserPermissions() {
            return axios.get('/user/12345/permissions');
        }

        axios.all([getUserAccount(), getUserPermissions()])
            .then(axios.spread(function(acct, perms) {
                // 两个请求现在都执行完成
            }));

0 人点赞