7、微信小程序学习: request网络请求

<!--index.wxml-->
<view>
  <textarea>{{textdata}}</textarea>
</view>
<button bindtap='RequestData' value='Button'>request</button>
//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
   textdata:"测试wx.request",
  },
  RequestData:function(){
    var that = this;
    wx.request({
      url: 'http://7xk1w3.com1.z0.glb.clouddn.com/orderList&taskType=1.txt',
      data: {},
      method: 'GET',
      success:function(res){
        var text="";
        for (var i=0;i<res.data.data.length;i++){
          text += i + '.' + res.data.data[i].journeyName+'\r\n';
        }
        that.setData({textdata:text});
      },
      fail:function(){

      },
      complete: function(){

      }
    })
  }
})

服务器返回数据:

{
    "code": "0",
    "data": [
        {
            "orderId": "20170907001",
            "journeyName": "长沙市岳麓山",
            "shootTime": "2017-09-06 上午 08:00-9:00",
            "teamNo": "20170912",
            "teamDate": "2017-09-06",
            "guideName": "刘德华",
            "guideMobile": "15111303087",
            "photoTotals": "10",
            "isConfirmShot": "0",
            "remark": "天气不好",
            "originalFilmNum": "1"
        },
 {
            "orderId": "20170907002",
            "journeyName": "长沙市世界之窗",
            "shootTime": "2017-09-07 上午 08:00-9:00",
            "teamNo": "20170913",
            "teamDate": "2017-09-07",
            "guideName": "古天乐",
            "guideMobile": "15111303081",
            "photoTotals": "10",
            "isConfirmShot": "0",
            "remark": "天气不好",
            "originalFilmNum": "1"
        }
    ],
    "msg": "成功"
}

效果图
这里写图片描述

猜你喜欢

转载自blog.csdn.net/u010545480/article/details/79360117