Vue入门 03

最新推荐文章于 2024-07-01 14:04:12 发布

hometowey

最新推荐文章于 2024-07-01 14:04:12 发布

阅读量415

点赞数 2

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_47511150/article/details/120909953

版权

本文介绍了如何使用axios进行网络请求，并结合Vue.js实现天气预报功能。讲解了axios的GET和POST语法，以及在Vue中处理axios返回值的问题，提出通过定义`that`变量解决`this`指向问题。

摘要由CSDN通过智能技术生成

axios

功能强大的网络请求库，类似于Ajax，下面是JS文件

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

Get语法与Post语法：
axios.get().then()

axios.get(地址?key=value&key2=value2).then(function(response){
	Get成功执行的代码块	
}, function(err){	
	Get失败执行的代码块
})

axios.post().then()

axios.post(地址,{key:value,key2:value2}).then(function(response){
	Post执行成功的代码块
},function(err){
	Post执行失败的代码块
})

例子：请求网址：https://autumnfish.cn/api/joke/list

<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 (value) {
     
                console.log(value);
            }),function (err) {
     
                console

最低0.47元/天解锁文章

hometowey

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue入门 03

Vue的网络应用axiosaxios 与 Vue相结合的实例axios功能强大的网络请求库，类似于Ajax，下面是JS文件<script src = "https://unpkg.com/axios/dist/axios.min.js"></script>Get语法与Post语法：axios.get().then()axios.get(地址?key=value&key2=value2).then(function(response){ Get成功执行的代码块
复制链接

扫一扫

专栏目录