小程序数据接收的详细流程

1.wxml:

日期<text class="tips2" wx:for="{{date}}">{{item.customer_date}}</text>

</view>

customer_date 为我们需要接收的数据的字段名

wx:for="{{date}}" 中的date 是我给需要接收的数据取的数组名字，接收的数据可以为多个

2.wxss:

.inputbox{

background: #FFFFFF;

height:65rpx;

font-size:35rpx;

line-height:65rpx;

}

3.js

var endDate=" "; //这里设置endDate为空，

Page（{

data:{},

/**

* 生命周期函数--监听页面加载

onLoad: function (options) {

this.getdata(); //调用getdata 函数

getdata: function () { //定义getdata 函数

var that = this; // 这个地方非常重要，重置data{}里数据时候setData方法的this应为以及函数的this, 如果在下方的sucess直接写this就变成了wx.request()的this了

wx.request({

url: 'http://localhost/api/booking/getdata',//请求地址这个根据实际情况写

data: { //发送给后台的数据

header: {//请求头

"Content-Type": "application/x-www-form-urlencoded"

method: "GET",

success: function (res) { // 请求成功

console.log(res.data);//res.data相当于ajax里面的data,为后台返回的数据

that.setData({//如果在sucess直接写this就变成了wx.request()的this了.必须为getdata函数的this,不然无法重置调用函数

date: res.data.data //

})

fail: function (err) { console.log(err.data); },//请求失败

complete: function () { }//请求完成后执行的函数

})

}）

微信小程序数据的接收详解相关推荐

php小程序onload,微信小程序 loading 组件实例详解
这篇文章主要介绍了微信小程序 loading 组件实例详解的相关资料,需要的朋友可以参考下 loading通常使用在请求网络数据时的一种方式,通过hidden属性设置显示与否主要属性: wxml 显 ...
微信小程序02【配置详解、生命周期-app对象使用、页面跳转详解】
学习地址:https://www.bilibili.com/video/BV1sx411z77P 笔记01:https://blog.csdn.net/weixin_44949135/article/ ...
微信小程序系列4——传值详解
前言在开发程序过程中,会遇到各种各样的传值的情景,例如:页面之间的传值.回调.代理.通知等.而在微信小程序中,传值的方式和Android和iOS的方式有一定的异同. 微信小程序使用的数据传值方式 ...
微信小程序框架(四)-全面详解（学习总结---从入门到深化）
目录路由_navigateTo 页面跳转携带参数返回上一级页面路由_redirectTo 页面跳转路由_reLaunch 页面跳转路由_switchTab 实现 tabbar 页面跳转交 ...
微信小程序--基础内容（详解）（一）
一.常用标签 1.view 标签 view 标签是一个块级元素,类似于 div(小程序里面没有div标签),里面可以放任何内容或者插值表达式,如下所示: <view>这是view标签< ...
微信小程序框架(二)-全面详解（学习总结---从入门到深化）
目录组件_基础视图容器 view 文本 text 图片 image 组件_滑块视图容器基本实现 Swiper常用属性说明组件_滚动视图区域水平滚动垂直滚动常用属性组件_icon 图标使 ...
微信小程序按钮Button使用详解
最近在出微信小程序系列教程顺手写了点博客欢迎大家关注 button 用来实现按钮点击效果,本文章效果如下: 1 wxml 文件中在这里我就放了三个普通的按钮 <view class=&qu ...
微信小程序 this和that详解及简单实例
微信小程序中,在wx.request({});方法调用成功或者失败之后,有时候会需要获取页面初始化数据data的情况,这个时候,如果使用,this.data来获取,会出现获取不到的情况,调试页面也会报 ...
微信小程序（三）详解篇
一.什么是小程序(了解) 小程序是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或者搜一下即可打开应用.也体现了"用完即走"的理念 ...

微信小程序数据的接收详解

小程序数据接收的详细流程

微信小程序数据的接收详解相关推荐

最新文章

热门文章