GraceUI 网络请求

网络请求

Grace.js - 封装了 get 及 post 方法，用于简化 uni.request 函数。

.get()

函数功能 : 网络请求 get 方式
对应手册 : https://uniapp.dcloud.io/api/request/request
函数参数 :

参数名称	必填	默认值	作用
url	是		请求地址
data	否	{}	对象形式的url参数
headers	否	{}	设置请求的 header
success	是		请求成功时执行的函数
fail	否	请求失败函数	请求失败时执行的函数

示例 :

<script>
import graceJS from "@/Grace6/js/grace.js";
graceJS.get(
	'https://www.graceui.com/api/index/getJson',
	{}, // url 参数对象
	{}, // header 对象
	(res)=>{
		console.log(res);
	}
);
</script>

带 header 的 get 示例

<script>
import graceJS from "@/Grace6/js/grace.js";
graceJS.get(
	'https://www.graceui.com/api/index/get',
	{},
	{token:"FTY0K89YHT88"},
	(res) => {
		console.log(res);
	},
	(e) => {
		console.log(e);
	}
);
</script>

.post()

函数功能 : 网络请求 post 方式
对应手册 : https://uniapp.dcloud.io/api/request/request
函数参数 :

参数名称	必填	默认值	作用
url	是		请求地址
data	否	{}	对象形式的 POST 数据
contentType	是		请求数据类型 form/json
headers	否	{}	设置请求的 header
success	是		请求成功时执行的函数
fail	否	请求失败函数	请求失败时执行的函数

演示代码

<script>
import graceJS from "@/Grace6/js/grace.js";
graceJS.post(
	'https://www.graceui.com/api/index/post',
	{name:'GraceUI', age : 5},
	'form',
	{token:"FTY0K89YHT88"},
	(res) => {
		console.log(res);
	},
	(e) => {
		console.log(e);
	}
);
</script>

setBefore()

功能 : 设置请求前置函数
参数 : 一个自定义函数

setAfter()

功能 : 设置请求后置函数
参数 : 一个自定义函数

演示代码

<script>
import graceJS from "@/Grace6/js/grace.js";
export default{
	onLoad : function(){
		graceJS.setBefore(()=>{
			graceJS.showLoading('');
		});
		// 设置后置函数
		graceJS.setAfter(()=>{
			setTimeout(()=>{
				uni.hideLoading();
			}, 1000);
		});
		graceJS.post(
			'https://www.graceui.com/api/index/post',
			{name:'GraceUI', age : 5},
			'form',
			{token:"FTY0K89YHT88"},
			(res) => {
				console.log(res);
			},
			(e) => {
				console.log(e);
			}
		);
	}
}
</script>

手册版本 V6.0

.get()

.post()

setBefore()

setAfter()