码迷,mamicode.com
首页 > 移动开发 > 详细

vuejs之使用axios发送http请求

时间:2020-02-17 18:00:32      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:span   html   参数   col   post请求   input   请求方式   引入   inpu   

看一个例子:

<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请求

标签:span   html   参数   col   post请求   input   请求方式   引入   inpu   

原文地址:https://www.cnblogs.com/xiximayou/p/12322670.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!