午夜91福利视频,午夜成人在线观看,午夜在线视频免费观看,午夜福利短视频,精品午夜成人免费视频APP

小程序模板網

微信小程序的探討--與外站進行數據傳輸、前后端交互

發布時間(jian):2017-12-30 09:05 所屬欄目:小程序開發教程

微信小程(cheng)序的探討--與外站進行(xing)數據傳輸、前后端(duan)交(jiao)互、頁面之(zhi)間傳值

 
 
 

與外站進行(xing)數據(ju)傳輸

    <view class="bt-ok" bindtap="okClick">確定提交</view>

Page({
//確認提交
  okClick: function () {

  var that = this;//此處必須重(zhong)定義,才能在回調函數里使(shi)用(yong)
      wx.request({   //發起(qi)url請求(qiu)
        url: '//wq.ycwjwl.com/json.php',
        method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
        data: {  //傳遞參數
          x: 'df so handsome',
          y: '2'
        },
        header: {   //請求方式
          'content-type': 'application/x-www-form-urlencoded'   //post must be this
           //'content-type': 'application/json'     //this for get
        },
        success: function (res) {       //訪問成功(gong)之后(hou)的(de)返回值     return  data、statusCode、header 
          console.log(res);
         var r = res.data.x;      //獲取(qu)json參數里的x的值
          that.setData({   //異步傳輸數據到(dao)前端
            toastHidden: false,
            toastTxt: "提交成功(gong)",
            rt: r
          });         
        }
      })
      console.log("log:"+this.data.rt);
     }
  })

前后端(duan)交互

Page({
 data: {//頁面初始數據
    orderList: [],
    total: 0, //總價格   
  },
 onLoad: function(options) {  //自帶的事(shi)件   [說(shuo)明(ming)](//mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html)
    // Do some initialize when page load.
  },
    //自定義(yi)函數
 returnClick: function () {
    wx.navigateBack();
  },
})
 <view class="cost">總價:<span>{{total}}</span></view>
 <view class="bt-return" bindtap="returnClick">返回修改</view>

<view class="orderlist" wx:for="{{orderList}}" wx:key="item.id">     //遍歷一個數組
      <span>{{item.title}}</span><span style="float:right;">{{item.cost}} * {{item.num}}</span>
    </view>

頁面之間傳(chuan)值(zhi)

//home
Page({
//提交訂(ding)單

  sublimitClick: function (e) {


     var agrs = JSON.stringify(this.data.orderList);//將json數組轉化(hua)為get參數
    wx.navigateTo({
      url: '../order/order?order=' + agrs
    })
  },
})
//order
Page({
// 頁(ye)面(mian)初始化(hua) options為頁(ye)面(mian)跳轉(zhuan)所帶來的參數
  onLoad: function (options) {

    //object 轉 array
    var order = JSON.parse(options.order);  //將get到的json字符串轉化為json數組(zu)
    var t_order = [];
    var t_total = 0;
    for (var k in order) {
      if (order[k].num > 0) {
        t_order.push(order[k]);
        t_total = t_total + order[k].cost * order[k].num; //計(ji)算總價格
      }
    }

    this.setData({  //與前(qian)端進行交互
      orderList: t_order,
      total: t_total
    });

  },
  })


易(yi)優小程序(企業版(ban))+靈(ling)活api+前(qian)后代(dai)碼(ma)開(kai)源 碼云倉(cang)庫(ku):
本文地址://www.jinyoudianli.com/wxmini/doc/course/18323.html 復制鏈接 如需定制(zhi)請(qing)聯系易優客服咨詢:

工作日 8:30-12:00 14:30-18:00
周六(liu)及(ji)部(bu)分節假日提供值班服務

易小優
轉人工(gong) ×