E企盈营销工具技术服务商 热线:4006-838-530

小程序表单提交详解picker

E企盈直播平台营销卖货系统

小程序表单提交详解我这提交的是picker里的数据,如果传input的也可以参考此文。1.wxml<form bindsubmit=’formSubmit’>    <view class=”section”>      <picker mode=”date”  start=”2014-09-01″ end=”2100-09-01″ bindchange=”bindDateChange”>         <view class=”picker” name=”customer_date”>            {{customer_date}}         </view>      </picker>    </view>    <button class=’Button’ formType=”submit” >       <text class=’buttontext’ >提交</text>    </button>  </form>2.wxcss.section{  margin-top: 10px;  margin-bottom: 40px;}.picker{  padding: 15px;  text-align: center;  background-color: #FFFFFF;}.buttonview{  text-align: center;  margin: 0 auto;}.Button{  width: 80%;  background: linear-gradient(to right, #4D6FFB , #5CAFFF);}.buttontext{color: #FFFFFF;}3.jsvar transDate=””;Page({  data:{ },  bindDateChange: function (e) {    console.log(‘picker发送选择改变,携带值为’, e.detail.value);    transDate = e.detail.value;   //将picker所选的值传给transDate    this.setData({       customer_date: e.detail.value  //执行setdata 函数,将picker所选的值在表单中显示出来,customer_date不是<view class=”picker” name=”customer_date”>{{customer_date}}</view> 的name  ,是{{customer_date}}中的。    })  },  formSubmit:function(e){    console.log(‘form发生了submit事件,携带数据为:’, transDate );    var data1={};    data1.order_id= orderId;    //order_id为字段名 订单id    data1.customer_date= transDate; // customer_date也是字段名    console.log(data1.customer_date);  //控制台查看 ,也可不查看    if (transDate==””){                //如果      wx.showModal({        title: ‘提示’,        content: ‘请输入转船日期’,      })    }    else {      console.log(data1)      wx.request({        url: ‘http://localhost/api/writeChangeShip’, //  数据传到的地址        data: data1,//传入的数据        method: ‘POST’,         header: {// 设置请求的 header          ‘content-type’: ‘application/x-www-form-urlencoded’   //这是传输方式为post的写法 ; 如果是get 则是’Content-Type’: ‘application/json’        },        success: function (res) {          console.log(JSON.stringify(res.data))          wx.showModal({      //提交成功 ,弹框            content: ‘提交成功’,            success: function (res) {              if (res.confirm) {   //如果点击弹框的确认则进行下面的操作                // wx.navigateTo({                //   url: ‘../orderlist/orderlist’,                // })              }            }          })        }             })    }   },}) 微信小程序

E企盈系统专业开发:直播系统,直播平台系统源码,小程序,商城版小程序,分销小程序,小程序定制,微分销,微商,微信分销,微信分销商城,微信分销系统,微信分销管理,微信分销平台,微商代理系统,E企盈是专业的直播小,E企盈是专业的直播小程序,公众号分销系统,营销系统,社群私域流量卖货系统技术开发商,热线:4006-838-530
赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序表单提交详解picker
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏