uniapp三种请求方法示例

最新推荐文章于 2025-08-31 02:30:16 发布

原创最新推荐文章于 2025-08-31 02:30:16 发布 · 6.4k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

uniapp 专栏收录该内容

3 篇文章

订阅专栏

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


_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);
			}
		}