uni封装ajax,uni-app方法封装

请求数据方法封装

const ApiUrl = '';

export{

ApiUrl

}

import {

ApiUrl

} from './env.js';

const ajax = (opt) => {

opt = opt || {};

opt.url = opt.url || '';

opt.data = opt.data || null;

opt.method = opt.method || 'GET';

opt.header = opt.header || {

"Content-Type": "application/json"

};

opt.success = opt.success || function () {};

uni.request({

url: ApiUrl + opt.url,

data: opt.data,

method: opt.method,

header: opt.header,

dataType: 'json',

success: function (res) {

opt.success(res);

},

fail: function () {

uni.showToast({

title: '请稍后重试'

});

}

})

}

export {

ajax

}

文件上传封装

const uploadFile = opt => {

opt = opt || {};

opt.url = opt.url || '';

opt.filePath = opt.filePath || null;//要上传文件资源的路径。

opt.name = opt.name || null;//文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容

opt.filePath = opt.filePath || null;

opt.success = opt.success || function() {};

uni.uploadFile({

url: ApiUrl + opt.url,

filePath:opt.filePath,

name:opt.name,

success:function(res){

opt.success(res);

},

fail: function () {

uni.showToast({

title: '请稍后重试'

});

}

})

}

通用方法

const formatTime = date => {

date = new Date(date);

const year = date.getFullYear()

const month = date.getMonth() + 1

const day = date.getDate()

const hour = date.getHours()

const minute = date.getMinutes()

const second = date.getSeconds()

return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')

}

const formatdate = date => {

date = new Date(date);

const year = date.getFullYear()

const month = date.getMonth() + 1

const day = date.getDate()

const hour = date.getHours()

const minute = date.getMinutes()

const second = date.getSeconds()

return [year, month, day].map(formatNumber).join('.');

}

const formatNumber = n => {

n = n.toString()

return n[1] ? n : '0' + n

}

/**

* 根据key查找数据中对应的值

*/

const SearchData = (key, data) => {

var value = '';

var i = 0;

while (i < data.length) {

if (key == data[i].key) {

value = data[i].title;

break;

} else {

i++;

continue;

}

}

return value;

}

/**

* 根据key查找数据中对应角标

*/

const SearchDataIndex = (key, data) => {

var value = '';

var i = 0;

while (i < data.length) {

if (key == data[i].key) {

value = i;

break;

} else {

i++;

continue;

}

}

return value;

}

module.exports = {

formatTime,

formatdate,

SearchData,

SearchDataIndex

}

使用说明

方法单独放到一个js文件中

通过import {ajax} from '../config/index.js' 方法所在文件路径

页面中直接ajax({

url:'',

data:'',

method:'',

success:function(res){

},

error:function(){

}

})

说明：这种写的好处是以后修改请求方法时候不用每一个请求都该，比如要在请求头中整体都加token，直接在ajax方法总修改就可以了，所以个人觉得在使用的时候把提供的方法按照自己习惯封装下，更好维护。当然直接按官方文档使用也是挺好的，看个人习惯了！