小程序中封装api请求_CMS教程

一、在pages同级创建request文件夹在此文件夹下创建一个indexjs文件夹在此文件夹内写入封装的api

const request = (method,url,params) => { // method (请求方式) url (请求的路径) params (请求的参数)

return new Promise((resolve,reject) => { // 创建一个promise函数

let baseUrl = "公共url"

unishowLoading({ // 添加加载动画

title: '加载中'

});

unirequest({ // 发送请求

url: baseUrl + url, // url 形参就是传入的地址

data: params params:'', // 传入的请求参数

method: method, // 传入的请求方式

success: res => { // 成功的函数

resolve(resdata);

unihideLoading();

fail: err => { // 失败的函数

reject(err);

unihideLoading();

}

});

})

}

const api = {

get: (url,params) => request("GET",url,params),

post: (url,params) => request("POST",url,params)

}

export default api; // 抛出接口

二、在request 文件目录下创建一个 home文件夹在home 文件夹内新建indexjs文件

// 所有的首页的请求，都放在这里维护

import api from '/indexjs';

export const get = params => apiget('路径',params); // get请求

export const post = params => apipost('路径',params); // post请求

三、在所需要请求数据的页面内

import 请求名 from '文件路径';

1、wxrequest() 发起 >

1、在安全方面

Post请求更安全，get请求的是静态资源，会缓存，如果你是数据的话，就无法缓存下来。

2、在数据类型方面

post请求发送的数据更大且能发送数据类型比较多，，get请求有url长度限制，只能发送ASCII字符。

3、在传输方面

get请求参数通过url传递，，post请求放在request body中传递。

4、在TCP数据包方面

ost请求产生两个TCP数据包，get请求，浏览器会把>

小程序中封装api请求