Grace.js - 网络请求

网络请求

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);
	}
);