uniapp三种请求方法示例

惢雨

于 2020-06-29 11:30:50 发布

阅读量6.4k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： uniapp 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/qq_45031191/article/details/107016952

uniapp 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了uni-app中使用request进行网络请求的三种方法：回调函数、Promise和async/await。通过具体代码示例，展示了如何配置请求参数，如URL、方法、数据类型等，并处理响应结果。

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


_request() {
			uni.request({
				url: this.websiteUrl + `${stringListApi}`,
				method: 'POST',
				dataType: 'json',
				data: {},
				success: res => {
					this.stringList = res.data.data;
					console.log(this.stringList);
				},
				fail: err => {
					console.log(err);
				},
				complete: () => {}
			});
		},
		_requestPromise() {
			uni.request({
				url: this.websiteUrl + `${stringListApi}`,
				method: 'POST',
				dataType: 'json',
				data: { token: this.$store.state.token }
			})
				.then(res => {
					this.stringList = res[1].data.data;
					console.log(this.stringList);
				})
				.catch(err => {
					console.log(err);
				});
		},
		async _requestAwait() {
			const [err, res] = await uni.request({
				url: this.websiteUrl + `${stringListApi}`,
				method: 'POST',
				dataType: 'json',
				data: {}
			});
			if (err) {
				console.log(err);
			} else {
				this.stringList = res.data.data;
				console.log(this.stringList);
			}
		}