小程序promise封装post请求_微信小程序用promise封装请求

1.在根目录utils中新增request.js，(post也可以改成这种promise写法，post暂时用的回调写法)并写：

var app = getApp();

//项目URL相同部分，减轻代码量，同时方便项目迁移

//这里因为我是本地调试，所以host不规范，实际上应该是你备案的域名信息

var host = '域名';

/**

* POST请求，

* URL：接口

* postData：参数，json类型

* doSuccess：成功的回调函数

* doFail：失败的回调函数

function Request(url, postData, doSuccess, doFail) {

wx.request({

//项目的真正接口，通过字符串拼接方式实现

url: host + url,

header: {

"content-type": "application/json;charset=UTF-8"

data: postData,

method: 'POST',

success: function (res) {

//参数值为res.data,直接将返回的数据传入

doSuccess(res.data);

fail: function () {

doFail();

})

}

//GET请求，不需传参，直接URL调用，

function GetData(url) {

return new Promise((resolve,reject)=>{

wx.request({

url: host + url,

header: {

"content-type": "application/json;charset=UTF-8"

method: 'GET',

success: function (res) {

resolve(res.data);

fail: function () {

reject();

})

}

/**

* module.exports用来导出代码

* js文件中通过var call = require("../util/request.js") 加载

* 在引入引入文件的时候" "里面的内容通过../../../这种类型，小程序的编译器会自动提示，因为你可能

* 项目目录不止一级，不同的js文件对应的工具类的位置不一样

module.exports = {

Request,

GetData,

}

2.调用

var call = require("../../utils/request.js")

Page({

getData() {

call.GetData('/service_today').then(res=>{

console.log(123,res);

})

注：开发阶段不必用https请求，可先用http请求，等开发完成配合后台设置为https请求(勾上这个http本地开发阶段用就不会报错了)。

小程序promise封装post请求_微信小程序用promise封装请求相关推荐

微信小程序等待几秒、_微信小程序—setTimeout定时器的坑
背景实验室需要将项目的app搬到微信的小程序上,终于知道为什么程序员是手艺人了,只要有需求,就要想方设法去填充这种需求,去年是小程序的元年了可以说,去年冬天一个叫跳一跳的小程序游戏出现在我的微信中, ...
小程序获取城市行政区号_微信小程序省市区选择器实例详解(附源码下载)
微信小程序省市区选择器: 最近学习微信小程序,为了检验自己的学习效果,自己做一个小示例,网上搜索下类似的实例,发现这个更好,大家看下. 一.区域间手势滑动切换,标题栏高亮随之切换思路是:拿当前的c ...
微信小程序开发分销制度济南_微信小程序分销规则你清楚吗?
大家在刚开始接触小程序的时候,好多人都被其中的分销功和简洁应用的模式所带来的红利所吸引,但到如今,使用小程序的用户是多了起来,但真正把小程序运营好的商家却很少.这是为什么呢,原因就在于,商家还不会利用 ...
微信小程序等待几秒、_微信小程序—setTimeOut定时器的问题及解决
背景实验室需要将项目的app搬到微信的小程序上,终于知道为什么程序员是手艺人了,只要有需求,就要想方设法去填充这种需求,去年是小程序的元年了可以说,去年冬天一个叫跳一跳的小程序游戏出现在我的微信中, ...
小程序promise封装post请求_微信小程序promise封装get/post请求
微信小程序promise封装get/post请求 2020-07-04 20:42:49 微信小程序promise封装get/post请求叶子兔 2018-10-10 08:55:30 1056 ...
小程序promise封装post请求_微信小程序 es6-promise.js封装请求与处理异步进程
微信小程序 es6-promise.js封装请求与处理异步进程下载es6-promise.js置于根目录下的libs文件夹下: 在根目录utils文件夹下新建httpsPromisify.js,即定 ...
微信小程序等待几秒、_微信小程序应用打开很慢怎么办？附解决方案
微信小程序应用打开已经是当下最热门的话题,下面将从多方面来谈谈微信小程序应用打开很慢怎么办?附解决方案相关的内容. 小程序科普类的文章已经很多了,今天这里讲的是针对小程序的优化方法,可以有效提高小程序 ...
微信小程序阻止冒泡点击_微信小程序bindtap事件与冒泡阻止详解
bindtap就是点击事件在.wxml文件绑定: cilck here 在一个组件的属性上添加bindtap并赋予一个值(一个函数名) 当点击该组件时, 会触发相应的函数执行在后台.js文件中定义 ...
微信小程序修改数组中的元素_微信小程序——this.setData()动态修改数组中的某一值...
微信小程序--this.setData()动态修改数组中的某一值S8v编程技术_踩坑日志_进阶指南_无知人生大家是不是都觉得微信小程序的开发方式和 vue react 这种框架的开发方式很像?S8v ...
微信小程序获取页面元素高度_微信小程序之动态获取元素宽高
我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuery() 这个api接口,以前的某些问题就能得到解决了... 那么,这个api接口怎么用 ...

小程序promise封装post请求_微信小程序用promise封装请求

小程序promise封装post请求_微信小程序用promise封装请求相关推荐

最新文章

热门文章