在uniapp裏對uni.request請求的簡單封裝,使用Promise

封裝部分http.js文件

'use strict';

import api from './type.js';   //集中定義token

const base_url = '接口';

export default {
	post(param1) {
		
		return new Promise((resolve, reject) => {
				uni.request({
					url: base_url,
					data: {
						token: api.http_token,
						data: param1
					},
					method: "POST",
					header: {
						'X-Requested-With': 'XMLHttpRequest',
						'Content-Type': 'application/x-www-form-urlencoded'
					},
					success: function(res) {
						console.log(res.data);
						var backdata;
						backdata=res.data;
						if (String(backdata).length > 0 && backdata.status == '1') {
					
							backdata = backdata.result;
						} else {
							backdata = '{"data":' + JSON.stringify(res) + "}";
						}
						console.log(backdata);
						resolve(backdata)
					}
				});
			})
		}
	}

全局引入還是局部引入和之前一樣

使用方法

            ......
            toLogin: async function() {
					let res = await this.$post('post參數');
					res = JSON.parse(res);					
			}
            ......

這樣使用後,括號少點,看着舒服。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章