vuejs之使用axios发送http请求

Posted 西西嘛呦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vuejs之使用axios发送http请求相关的知识,希望对你有一定的参考价值。

看一个例子:

<html>

<head>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>

<body>
  <input type="button" value="get请求" class="get">
  <input type="button" value="post请求" class="post">
  <script>
    document.querySelector(".get").onclick = function () {
      axios.get(\'https://autumnfish.cn/api/joke/list?num=3\')
        .then(function (response) {
          console.log(response);
        })
    }
    document.querySelector(".post").onclick = function () {
      axios.post(\'https://autumnfish.cn/api/user/reg\', { username: "西西嘛呦" })
        .then(function (response) {
          console.log(response);
        })
    }

  </script>
</body>

</html>

效果:

点击get请求:

点击post请求:

说明:

引入:<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

格式:axios.请求方式(请求网址).then(function(response){})。

如果是get请求,在地址后面用?带上参数,如果是post请求,在post里再增加一个参数字典。

以上是关于vuejs之使用axios发送http请求的主要内容,如果未能解决你的问题,请参考以下文章

在vuejs中发送axios发布请求

Vuejs Axios POST 请求从 Laravel 后端获取 HTTP422 错误

Vuejs2.0之异步跨域请求

Vue Js - axios 的问题使用 laravel 执行多个并发请求

如何更正vuejs中的网址?

vuejs axios实现跨域http请求接口