微信小程序request请求后台接口php代码实例-js tutoriel-php.cn

微信小程序request请求后台接口php代码实例

小云云

Libérer： 2018-02-05 11:08:45

original

2469 Les gens l'ont consulté

本文主要和大家介绍微信小程序request请求后台接口php的实例详解的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下，希望能帮助到大家。

微信小程序request请求后台接口php的实例详解

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

没有处理数据，直接返回了，具体再根据返回格式处理

public function getGoodInfo(Request $request)
{
    $goods_datas = $this->Resource->get();

    return response()->json([&#39;status&#39; => &#39;success&#39;,&#39;code&#39; => 200,&#39;message&#39; => &#39;获取成功&#39;,&#39;data&#39;=>$goods_datas]);
}

Copier après la connexion

小程序index.js文件中 onLoad

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

    })
 },

Copier après la connexion

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>

Copier après la connexion