手册版本 V5.0
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> 
