微信小程序 - 每隔一段时间请求后端接口获取最新数据

微信小程序request请求动态获取数据

微信小程序开发文档链接 1 后台代码: clickButton:function(){ var that = this; wx.request({ url: 'http://localhost:9096/admin.php/index/jj', method : 'POST', header: { 'content-type': 'application/x-www-form-urlencoded' }, data : {}, success: function (res) { //consol

微信小程序：wx.request之post请求后端无法获取数据的问题

前言:小程序的开发中总是踩到各种坑,看文档也不知所云: 例如当我们在写微信小程序接口时,method请求方式有POST和GET两种,为了数据安全,我们会偏向于使用POST请求方式访问服务器端: 问题:当我们使用POST方式请求时,后端无法获取数据,但使用GET方式便可以获取数据?? 解决办法: 设置请求的 header: header: { "Content-Type": "application/x-www-form-urlencoded" }, 例如:

flask中使用ajax 处理前端请求，每隔一段时间请求不通的接口，结果展示同一页面

需求: flask中使用ajax 处理前端请求,每隔一段时间请求不通的接口,结果展示同一页面用到 setTimeout方法,setTimeout(function(){},1000):setTimeout 中的 function 为第二次请求就可以了效果如图:请求了二个接口,间隔5秒,展示在同一页面 html:test.html <html> <head></head> <body> <div class="header"&g

flask中使用ajax 处理前端请求，每隔一段时间请求一次

需求: flask中使用ajax 处理前端请求,每隔一段时间请求一次,并展示在页面使用 setInterval(function(){},1000)方法结果展示: html:(test.html) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>2221</title> </head> &

微信小程序--缓存，支持过期时间的二次开发封装

简介微信小程序提供了缓存的api,包括同步和异步两种,具体api不多说明,可自行查看官方文档现在微信小程序缓存api存在一个问题就是没有设定过期时间,下面给大家介绍一下对小程序缓存的二次封装,使其支持设定过期时间实现方法先声明,这个并非原创方法,只是查找资料的时候看到的,觉得挺有用,就记录下来,也算转播给大家原作链接:https://gitee.com/JiangMu/wcache,侵删微信小程序缓存是永久性,实际开发中需要定制时效性缓存:因此做了二次开发设置缓存---------

微信小程序 + thinkjs + mongoDB 实现简单的前后端交互

说明:这段时间跟老师学习了一下mongodb数据库,这次也是第一次搭建后台服务,出了不少差错,特此来复盘一下,非常感谢对我提供帮助的同学~ 一.使用 thinkjs + mongodb 创建后台服务 1.安装 thinkjs 安装thinkjs工具包 npm install -g think-cli 2.创建 thinkjs 项目 thinkjs new demo; cd demo; npm install; npm start; 3.让框架支持 mongo 模型在demo项目的config文

神技！微信小程序（应用号）抢先入门教程（附最新案例DEMO-豆瓣电影）持续更新

微信小程序 Demo(豆瓣电影) 由于时间的关系,没有办法写一个完整的说明,后续配合一些视频资料,请持续关注官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/ Demo 预览演示视频(流量预警 2.64MB) GitHub Repo 地址仓库地址:https://github.com/zce/weapp-demo 使用步骤将仓库克隆到本地: bash $ git clone https://github.com/zce/weapp-demo.g

神技！微信小程序（应用号）抢先入门体验（附最新案例-豆瓣电影）持续更新

微信小程序 Demo(豆瓣电影) 由于时间的关系,没有办法写一个完整的说明,后续配合一些视频资料,请持续关注官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/ Demo 预览演示视频(流量预警 2.64MB) GitHub Repo 地址仓库地址:https://github.com/zce/weapp-demo 使用步骤将仓库克隆到本地: bash $ git clone https://github.com/zce/weapp-demo.g

微信小程序登录流程及解析用户openid session_key，获取用户信息

为优化用户体验,使用 wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持.从2018年4月30日开始,小程序与小游戏的体验版.开发版调用 wx.getUserInfo 接口,将无法弹出授权询问框,默认调用失败.正式版暂不受影响.开发者可使用以下方式获取或展示用户信息: UnionID 机制说明如果开发者拥有多个移动应用.网站应用.和公众帐号(包括小程序),可通过 UnionID 来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用.网站应用和公众帐号(包括小程

微信小程序开发——使用mock数据模拟api请求

前言: 微信小程序开发中,后端提供了接口设计文档,前端可以先mock数据模拟api请求进行开发调试,而且可以根据需要设计mock文件的格式和内容,这样在后端接口开发完成之前,前端可以最大限度的完成前端的开发. 编写mock数据文件: //mocklist.js var mocklist = { //创建订单 createOrder: { order_id: "201904011503001", use_voucher: "1", timeStamp: "1

微信小程序中使用Async-await方法异步请求变为同步请求

微信小程序中有些 Api 是异步的,无法直接进行同步处理.例如:wx.request.wx.showToast.wx.showLoading等.如果需要同步处理,可以使用如下方法: 注意: Async-await方法属于ES7语法,在小程序开发工具中如果勾选es6转es5, 会报错: ReferenceError: regeneratorRuntime is not defined 避免报错,可以引入 regenerator 在根目录下创建 lib 文件夹,并将 https://github.c

微信小程序开发 [05] wx.request发送请求和妹纸图

1.wx.request 微信小程序中用于发起网络请求的API就是wx.request了,具体的参数太多,此处就不再一一详举了,基本使用示例如下: wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 method: "POST", data: { param1: '', param2: '' }, header: { 'content-type': 'application/json' // 默认值 }, success: function (

微信小程序之页面跳转及调用本地json的假数据调试

一.微信小程序跳转页面小程序页面有2种跳转,可以在wxml页面或者js中: (1)在wxml页面中: <navigator url="../index/index">跳转到新页面</navigator> <navigator url="../index/index" open-type="redirect">在当前页打开</navigator> <navigator url=".

微信小程序开发调试阶段不校验请求域名

在微信小程序开发官网上有说明: 在开发者工具的右上角有详情选项,可以勾选不校验合法域名,之后就可以与本地ip进行通信了!

WeChat-SmallProgram：微信小程序中使用Async-await方法异步请求变为同步请求

微信小程序中有些 Api 是异步的,无法直接进行同步处理.例如:wx.request.wx.showToast.wx.showLoading 等.如果需要同步处理,可以使用如下方法: 提示:Async-await 方法属于ES7语法,在小程序开发工具中如果勾选es6转es5, 会报错: ReferenceError: regeneratorRuntime is not defined 需要解决的问题都有哪些: 1.截止到发文前小程序还不支持ES7的语法,我们到底能不能用? 2.撸的方式又是怎样的

微信小程序传数组(Json字符串)到Java后端

一:小程序端: wxml中代码:  <view> <view> <button bindtap="onShow"> 调接口 </button> </view> </view> js中代码: //index.js //获取应用实例 const app = getApp() Page({ onShow:function(){ console.log('123456') le

微信小程序定时器组件（输入时间字符串即可倒计时）

昨天写了代码,今天发现要重用,干脆就抽出来做个组件得了,顺便还改善了一下代码通用性. 昨天的代码在这里 github下载地址用法: 引入: var timer = require('../../plugins/wxTimer.js'); 最简单的调用方式: timer.wxTimer.call(this); 其他参数: 1.beginTime 需要倒计时的时间,比如:"01:11:12",默认值为"00:00:00" 2.fn

微信小程序中new Date()转换时间时间格式时IOS不兼容的问题

本周写小程序,遇到的一个bug,在chrome上显示得好好的时间,一到Safari/iPhone 就报错 “invalid date”,时间格式为“2019.06.06 13:12:49”,然后利用new Date() 转换时间戳时,使用微信开发工具.安手机开发版.安手机体验版都没问题,ios中无法展示. 猜想,会不会是Safari不支持yyyy-mm-dd / yyyy.mm.dd 这种格式,于是在 safari 浏览器测试一波,顺便也测试了 “2018-12-10”格式的: safari 浏

完整且易读的微信小程序的注册页面（包含倒计时验证码、获取用户信息）

目录 1.页面展示 2.wxml代码 3.wxss代码 4.js代码 1.页面展示 2.wxml代码  <scroll-view> <image src='/images/register.png' mode='widthFix' class="topImage"></image> <view class='input-top'> <input id=

微信小程序开发——使用promise封装异步请求

前言: 有在学vue的网友问如何封装网络请求,这里以正在写的小程序为例,做一个小程序的请求封装. 关于小程序发起 HTTPS 网络请求的Api,详情可以参考官方文档:wx.request(Object object). 如果直接使用官方提供的个Api,那么每次在进行网络请求调用时,我们都要按官方文档上说的那样传递需要设置的请求参数,然后对不同的请求相应结果做不同的处理.但是前端同服务器端的接口请求中有大部分的请求参数以及响应结果处理都是很类似的,也就没有必要对所有请求代码都重新敲敲一遍,那么对原

微信小程序显示html格式内容（wxParse使用及循环解析数据渲染）

小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现. 首先我们下载wxParse,github地址:https://github.com/icindy/wxParse 1.下载完之后我们需要用到目录下的wxParse文件夹,把他拷贝到我们的项目目录下(与pages同级目录) 2.然后,在app.wxss全局样式文件中,需要引入wxParse的样式表 @import "wxParse/wxParse.wxss"; 3.在需要加载h

微信小程序 - 每隔一段时间请求后端接口获取最新数据

热门专题