微信小程序wx.request内调用setData方法

附上源码

<!--pages/login/login.wxml--><form bindsubmit="formSubmit" bindreset="formReset"><view class="page-section"><view class="weui-cells__title">用户名</view><view class="weui-cells weui-cells_after-title"><view class="weui-cell weui-cell_input"><input class="weui-input" name="username" maxlength="32" placeholder="在此输入用户名" /></view></view><view class="weui-cells__title">密码</view><view class="weui-cells weui-cells_after-title"><view class="weui-cell weui-cell_input"><input class="weui-input" name="password" maxlength="32" placeholder="在此输入密码" /></view></view></view><view class="btn-area"><button formType="submit">提交</button><button formType="reset">Reset</button></view><p>{{result}}</p></form>

//index.js
Page({data: {result: 'qwerty'},onLoad: function() {console.log("this is login page")console.log(this.data.result)},formSubmit: function (e) {console.log('form发生了submit事件，携带数据为：', e.detail.value)self=thiswx.request({url:'https://chenth.net/login_wx',data:{username:e.detail.value.username,password:e.detail.value.password},method:'POST',header:{'content-type':'application/json'},//self=this,success:function(res){console.log("--------chenth success--------");console.log(res.data);self.setData({result: res.data})},fail:function(res){console.log("--------chenth fail--------");self.setData({result: res.data})}})},formReset: function () {console.log('form发生了reset事件')}
})

微信小程序wx.request内调用setData方法相关推荐

微信小程序 wx.request 的封装
自学转行到前端也已近两年,也算是简书和掘金的忠实粉丝,但是以前一直惜字如金(实在是胆子小,水平又低),现在我决定视金钱如粪土(就只是脸皮厚了,水平就那样),好了废话不多说,切入主题,最近自己尝试了一下 ...
微信小程序wx.request接口
微信小程序wx.request接口 wx.request是小程序客户端与服务器端交互的接口 HTTPS 请求一个微信小程序,只能同时(同时不能大于5个)有5个网络请求 wx.request(OBJE ...
微信小程序服务器开小差了,微信小程序wx.request请求封装
微信小程序 wx.request RequestTask wx.request(Object object)发起 HTTPS 网络请求. 示例代码 wx.request({ url: 'test.ph ...
解决微信小程序 wx.request 方法不支持 Promise 并发数问题
wx-promise-request 是微信小程序 wx.request 方法的不支持 Promise 和并发数问题的解决方案.如果只需要解决并发数问题,可以使用wx-queue-request.js ...
微信小程序数据库交互 php,微信小程序wx.request实现后台数据交互功能分析
本文主要介绍微信小程序wx.request实现后台数据交互功能,分析微信小程序wx.request在后台数据交互过程中遇到的问题与相关的解决方法,需要的朋友可以参考下记录微信小程序wx.reques ...
微信小程序wx.request请求
微信小程序网络请求wx.request请求 wx.request是向指定域名发送http请求,并且需要在微信小程序管理后台中加入指定域名(微信小程序后台中只能添加https的域名,可能是微信官方觉得这 ...
微信小程序Ⅵ [wx.request 的回调使用]
☆ 前言在微信小程序的开发过程中,wx.request 的请求必不可少我注意到(也可能刚接触,知识积累面太少),在外部 js 文件使用 wx.request 请求服务器数据时,因为异步的请求机制, ...
5 拦截器拦截请求路由_手写简易版axios拦截器，实现微信小程序wx.request的封装与拦截...
前言: axios是一个功能强大的网络请求库,其中拦截器又是axios的精髓.在小程序的开发或者需要手动实现ajax的时候,没有实现对请求的拦截,开发的时候非常不方便,因此手写一个简易版的axios拦 ...
微信小程序wx.request请求服务器json数据并渲染到页面
微信小程序的数据总不能写死吧,肯定是要结合数据库来做数据更新,而小程序数据主要是json数据格式,所以我们可以利用php操作数据库,把数据以json格式数据输出即可.现在给大家讲一下,微信小程序的wx ...

微信小程序wx.request内调用setData方法

微信小程序wx.request内调用setData方法相关推荐

最新文章

热门文章