export default { doRequest(method, url, data) { // 如果data为空 if (!data) var data = [] var arr = [] arr.push(data) //我司项目需要验证state和openid,我登录后存在本地 var state = uni.getStorageSync('state'); var openid = uni.getStorageSync('openid'); arr[0].state = state;

1微信的request的post请求后台获取不到data(当初这个问题纠结了好久好久),原因是post传递的data是json格式而不是key,value的格式,所以获取不到相应的data就是post请求应为表单模式的data,微信小程序提供的datajson格式完全获取不到. 解决方法: 1.改变header header: {'Content-Type': 'application/json;charset=UTF-8;'}, 2.query的格式传递post请求就可以了,不过这个有点..你

1.创建src下创建utils/wx-request.js const host = 'http://10.0.0.6:8081' function request (url, method, data, header = {}) { wx.showLoading({ title: '加载中' // 数据请求前loading }) return new Promise((resolve, reject) => { wx.request({ url: host + url, // 仅为示例,并非真

1.新建一个api目录,与pages同级 2.在api目录下新建一个api.js文件 3.编写代码 const host = 'http://test.test.cn' const wxRequest = function (params, url) { wx.showToast({ title: '加载中...', icon: 'loading' }) wx.request({ url: url, method: params.method || 'GET', data: params.dat

微信小程序带cookie的request请求可,以使服务端知道是同一个客户端请求. session_id会不变,从而很好的使用服务端的session. 写一个工具函数,直接导入使用即可,接口同 wx.request .会自动设置和更新 cookie. const request = function (obj) { //设置cookie缓存 if(obj.fail){ obj.fail = function(err){ wx.setStorageSync('cookie', err.header

app.js: App({ //设置全局请求URL globalData:{ URL: 'https://www.oyhdo.com', }, /** * 封装wx.request请求 * method: 请求方式 * url: 请求地址 * data: 要传递的参数 * callback: 请求成功回调函数 * errFun: 请求失败回调函数 **/ wxRequest(method, url, data, callback, errFun) { wx.request({ url: url,

我们知道一个项目中对于前期架构的搭建工作对于后期的制作有多么重要,所以不管做什么项目我们拿到需求后一定要认真的分析一下,要和产品以及后台沟通好,其中尤为重要的一个环节莫过于封装接口请求了.因为前期封装好了,后面我们真的可以实现粘贴复制了.所以今天小月博客给大家分享一个在uni-app中如何封装一个request请求. 第一步.根目录下新建 config.js 文件 const config = { base_url: '这里可以是生产环境或者测试环境' } export { config } 这

微信小程序的ajax数据请求,很多同学找不到api在哪个位置,这里单独把小程序的ajax请求给列出来,微信小程序的请求就是wx.request这个api,wx.request(一些对象参数),微信小程序不同于浏览器的ajax请求,可以直接跨域请求不用考虑跨域问题. 百牛信息技术bainiu.ltd整理发布于博客园 使用小程序官方提供的数据请求api发起数据请求 wx.request(OBJECT) wx.request发起的是https请求.一个微信小程序,同时只能有5个网络请求连接. OBJE

前言: 小程序开发中诸如获取用户手机号码.调起微信支付.领取卡券等api都是会有一定的延迟的.也就是说通过点击按钮调用这些api的时候,从点击按钮调用api,到支付页面或者领取卡券界面展示出来是需要一定时间的,连续点击按钮,还是有可能会重复调用的. 虽然这种情况有点极端,正常用户是不会这么连续快速的点击按钮的,但是也不能排除有用户手抖,连续点了两下.如果重复调用的话,不仅体验不好,单击事件中涉及到后端接口操作的也可能引起其他异常.所以这个问题还是要处理下的. 刚开始想到的是使用loading开启

微信小程序的充值流程与 H5 或 公众号大致差不多,这里简单说一下前端在充值时候的一些操作流程. 用户在小程序中发起充值请求时,一般会先请求自己的服务器,将充值的参数发送给后端,然后后端会去请求微信充值,得到微信返回的统一下单的参数再返回给前端.前端调用 wx.requestPayment API 即可唤起微信小程序的支付页面,此时用户输入正确的支付密码即可支付成功.具体流程如下:   1. 比如说页面上有一个充值按钮,点击充值按钮时可以获取到用户请求充值的参数. wx.request({ ur

小程序中,我们一般习惯把提交接口请求的方法放在一个公共js里面.下面是一个简单实现. (1)我们把所有请求的地址都放在一个json里面 var postAddress = { "domin": "http://www.baidu.com", //域名 "getOpenId": "/index/getOpenId", //登录获取用户信息 "orderlist": "/business/orderl

接入前准备 通过 XorPay 注册个人收款接口,原理是帮助你签约支付宝和微信(不需要营业执照)支持个人支付宝和个人微信支付接口,大概几分钟可以开通,开通后即可永久使用 PC 网站接入 效果:用户点击支付后,前端ajax 请求你的后台,你后台再请求 xorpay 支付接口返回支付二维码到前台,页面展示微信或者支付宝二维码,用户用手机微信或支付宝扫码支付 接口:可以使用 JSAPI / Native / 收银台 / 支付宝当面付 支付接口 JSAPI 支付,通过构造二维码,用户微信扫码后在打开自己

小程序[publib]:1 request:fail ssl hand shake error 如果用的是阿里云和宝塔那么如下解决 宝塔里面的站点SSL右侧的配置(PEM格式) 需要把 阿里云 下载的2个crt文件 都复制进去 粘贴 才行 我之前是只复制了一个public 忘记复制chain.crt了 后面2个  .crt文件 都打开 然后粘贴代码

今天微信小程序发现wx.request不好使了,调试报错: 小程序要求的 TLS 版本必须大于等于 1.2 查官方文档 解决方法 在 PowerShell中运行以下内容, 然后重启服务器 # Enables TLS 1.2 on windows Server 2008 R2 and Windows 7 # These keys do not exist so they need to be created prior to setting values. md "HKLM:\SYSTEM\Cur

这次给你们安利的是微信小程序封装storage,先说下微信官方的 wx.getStorage({ key:"", success: function (res) { }, fail(error){ } }) 官方的方法用起来很麻烦,和我们之前习惯用localStorage.getItem看这个就很别扭,你也一样对吧,别问我怎么知道的  你来这文章的时候你肯定就是不习惯官方的,没关系,我给你封装好了. 第一步.根目录新建utils目录,目录内新建一个utils.js的文件 第二步.复制下

随着小程序越来越火爆,使一个产品如果只有公众号H5页面和APP显得不怎么完美,总感觉不搭上小程序这趟流量车,就会少了点什么,心里别扭地很.在此驱动下,我所在公司也决定赶紧上车. 但是,如果要按照小程序的套路重新写一份的话,又感觉付出的时间成本太大了,非常的不划算.于是乎,脑子灵光一闪,想起了小程序貌似有个小弟叫webview,webview是啥,按字面意思就是网页视图(来自百度翻译).官方是这么定义的: web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面.个人类型与海外

微信小程序-02-项目文件之间配合和调用关系 我就不说那么多了,我是从官方文档拷贝的,然后加上一些自己的笔记,不喜勿喷 官方文档:https://developers.weixin.qq.com/miniprogram/dev/index.html?t=18090718 小程序的启动 微信客户端在打开小程序之前,会把整个小程序的代码包下载到本地 紧接着通过 app.json 的 pages 字段就可以知道你当前小程序的所有页面路径: { //项目中所有页面的路径,不要后缀名,当然省掉的是: .w

Page({ data: { todoLists:[ { detail:"", date:"", location:"", priority:"", remark:"", dateStatus:false, locationStatus:false, dateRepeat:false, completeStatus: false, currentInput:"", }, { detail

程序开发中都会调用后端工程师开发的API,小程序的开发文档提供了相对实用的APIwx.request(),但是在开发的过程中,又遇到了一些问题,在小程序的项目开发时,调用的API不止一个,同一个API调用不止一次.同时,对于调用的API的管理也十分复杂,这样的背景下,对wx.request()方法的封装变得尤为重要. 本文的解决思路为:将API的路径和方法放在一个文件里面方便管理;封装小程序的request方法,并返回promise处理(ES6). 一.units文件夹中新建request.js

//request.js var host = 'https://www.xxx.com';//请求域名 module.exports = function (type, params, method) { return new Promise((resolve, reject) => { wx.request({ url: `${host}/${type}`, data: params, method: method || 'GET', header: { 'content-type': 'j

在写小程序的时候,每个JS文件都一大堆的请求,看得自己都眼花缭乱,下面看一下怎么对请求方法进行封装. 1,方法封装,在util文件夹下新建文件,创建request.js文件,工具文件,用于对方法封装) request.js var app = getApp(); //项目URL相同部分,减轻代码量,同时方便项目迁移 //调用url配置文件 文件config.js是对项目的所有url进行封装 便于管理 const CONFIG = require('../..//utils/config.js')