账户中心 退出系统
使用手册 模板中心 账户中心
快速开始
介绍及部署
原生函数简化
页面跳转
网络请求
数据缓存
图片相关
系统信息
提示加载
头部导航
元素获取
常用函数扩展
数组操作
随机数据
日期时间
延时循环
对象操作
​网络请求
Grace.js - 网络请求函数封装了 get 及 post 方法,用于简化 uni/wx.request 函数。

.get()

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

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

示例 : 

var graceJS = require('@/Grace.JS/grace.js');
export default{
	onLoad : function(){
		graceJS.get(
			'http://hoa.hcoder.net/index.php',
			{m:"getJson"},
			{},
			function(res){
				console.log(res);
			}
		);
	}
}

带有 header 的示例

var graceJS = require('@/Grace.JS/grace.js');
export default{
	onLoad : function(){
		graceJS.get(
			'http://grace.hcoder.net/api/index/headertest',
			{m:"getJson"},
			{token:"FTY0K89YHT88"},
			function(res){
				console.log(res);
			}
		);
	}
}

.post()

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

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

演示代码

var graceJS = require('@/Grace.JS/grace.js');
export default{
	onLoad : function(){
		graceJS.post(
			'http://grace.hcoder.net/api/index/headertest',
			{name:"garce", age:18}, 
			'form',
			{token:"FTY0K89YHT88"}, // 此处 {} 代表不设置 header 数据
			function(res){
				console.log(res);
			}
		);
	}
}


php 解析 post 及 header 的例子

if(!empty($_POST)){$data = $_POST;}else{$data = array();}
if(!empty($_SERVER['HTTP_TOKEN'])){
    $data['HTTP_TOKEN'] = $_SERVER['HTTP_TOKEN'];
}
$this->json($data);
exit('no token');

setBefore()

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

setAfter()

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

前置、后置演示代码

// 设置前置函数
graceJS.setBefore(()=>{
	graceJS.showLoading('');
});
// 设置后置函数
graceJS.setAfter(()=>{
	uni.hideLoading();
});
graceJS.get(
	'https://github.com',
	{m:"getJson"},
	{},
	function(res){
		console.log(res);
	}
);