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

微信小程序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>

     <block wx:for="{{goodslist}}" wx:for-item="item" wx:for-index="idx" >
     <view bindtap="goodsTap">
      <view>
       <image src="{{item.img_url}}"/>
      </view>
      <view>{{item.img_title}}</view>
      <view>¥ {{item.good_price}}</view>
    </view>
    </block>
  </view>

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

    无相关信息
最新资讯
会员“买1得8”?蜻蜓FM遭集体投诉:骗人的

会员“买1得8”?蜻蜓FM

说好的买1个会员送8个其他App会员,买完以后发现并不是
松下回应“员工发‘918勿忘国耻’被警告”:将核查

松下回应“员工发‘91

松下电器(中国)有限公司微博回应称,针对近日松下员工发布
AMD:已获美国许可 向实体清单中某些公司供货

AMD:已获美国许可 向实

9月15日开始,美国的对华为禁令正式升级,台积电、高通、
中国探月工程副总设计师:嫦娥五号年底前发射

中国探月工程副总设计

预计今年底之前发射“嫦娥五号”,实现月球区域软着陆及
报告:全球科研城市北京排名第一 纽约第二

报告:全球科研城市北京

北京在全球科研城市中再次位列第一,第2至5位分别为纽约
量子通信重大进展:北京成功研制首台量子直接通信样机

量子通信重大进展:北京

实现了10公里光纤链路4kb/s通信速率的量子保密电话,推
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,