【uni-app从入门到实战】get请求、数据缓存、图片上传预览

Errol_King

已于 2022-08-22 14:55:02 修改

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： uni-app快速上手文章标签： uni-app 缓存 javascript

于 2022-08-18 12:01:19 首次发布

本文链接：https://blog.csdn.net/u010356768/article/details/126399771

本文介绍了uni-app中发起GET请求的方法，详细讲解了数据缓存的设置、获取和移除操作，并通过示例代码展示了异步和同步接口的使用。此外，还探讨了图片的选择、展示和预览功能，包括uni.chooseImage用于选择图片，通过uni.previewImage实现图片预览。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

get请求

uni-app发起请求

<button @click="get">发送请求</button>

<script>
	export default {
     
     
		data() {
     
     
			return {
     
     
				......
			}
		},
		methods: {
     
     
			get(){
     
     
				uni.request({
     
     
					url:"https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata",
					success(res) {
     
     
						console.log(res)
					}
				})
			}
		}
	}
</script>

这样点击按钮会发送一个 get 请求，打印下结果：
在这里插入图片描述

数据缓存

三个异步接口

数据缓存官方文档

【存储数据】

<button @click="setStorage">存储数据</button>
<script>
	export default {
     
     
		......
		methods: {
     
     
			setStorage(

最低0.47元/天解锁文章

200万优质内容无限畅学