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里再增加一个参数字典。
相关推荐
86193952 2020-10-27
83911535 2020-11-13
87403867 2020-09-24
88550291 2020-08-21
88407710 2020-08-17
xvzhengyang 2020-07-30
knightwatch 2020-07-19
knightwatch 2020-07-04
hygbuaa 2020-06-26
sicceer 2020-06-21
88407013 2020-06-16
86447405 2020-06-16
zkwgpp 2020-06-14
DumbbellYang 2020-06-11
标题无所谓 2020-06-10
hygbuaa 2020-06-10
zkwgpp 2020-06-02
zhaolisha 2020-05-31