微信小程序request请求后台接口php简单实例

• 后台php接口：http://www.vueyun.com/good/info

没有处理数据，直接返回了，具体再根据返回格式处理public function getGoodInfo(Request $request){        $goods_datas  = $this->Resource->get();        return response()->json(['status' => 'success','code' => 200,'message' => '获取成功','data'=>$goods_datas]);}

---

• 小程序index.js文件中 onLoad

 onLoad: function () {    console.log('onLoad')        wx.request({        //上线接口地址要是https测试可以使用http接口方式          url: 'http://www.vueyun.com/good/info',          data: {},          method: 'GET',          header: {            'content-type': 'application/json'          },          success: function (res) {            that.setData({ goodslist: res.data.data });            console.log(res.data.data, 1111111);          },        })  },

• wxml文件，

    <view class="goods-container">         <block  wx:for="{{goodslist}}" wx:for-item="item" wx:for-index="idx"  >          <view class="goods-box"  bindtap="goodsTap" data-id="{{item.id}}">           <view class="img-box">              <image src="{{item.img_url}}" class="image"/>           </view>           <view class="goods-title">{{item.img_title}}</view>           <view class="goods-price">¥ {{item.good_price}}</view>        </view>        </block>    </view>

---

样式代码不写了 最终的结果是这样

---

歌曲： 口是心非 - 张雨生