GraceUI - Grace.js - 网络请求

网络请求

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

.get()

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

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

示例 :

<script>
var graceJS = require('@/GraceUI5/js/grace.js');
export default{
	onLoad : function(){
		graceJS.get(
			'https://www.graceui.com/api/index/getJson',
			{}, // url 参数对象
			{}, // header 对象
			(res)=>{
				console.log(res);
			}
		);
	}
}
</script>

带 header 的 get 示例

<script>
var graceJS = require('@/GraceUI5/js/grace.js');
export default{
	onLoad : function(){
		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>
var graceJS = require('@/GraceUI5/js/grace.js');
export default{
	onLoad : function(){
		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>
var graceJS = require('@/GraceUI5/js/grace.js');
export default{
	onLoad : function(){
		graceJS.setBefore(()=>{
			graceJS.showLoading('');
		});
		// 设置后置函数
		graceJS.setAfter(()=>{
			uni.hideLoading();
		});
		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>

手册版本 V5.0

.get()

.post()

setBefore()

setAfter()