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

 更新时间:2017年09月20日 10:50:16   作者:今天一点也不冷  
这篇文章主要介绍了微信小程序request请求后台接口php的实例详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

微信小程序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="http://9i0i.com/pic.php?p={{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>

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

相关文章

  • JS仿照3D手办模型展台实现示例详解

    JS仿照3D手办模型展台实现示例详解

    这篇文章主要为大家介绍了JS 实现伪3D手办模型展台示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • ESLint规范TypeScript代码使用方法

    ESLint规范TypeScript代码使用方法

    这篇文章主要为大家介绍了ESLint规范TypeScript代码使用方法,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • JS前端常见的竞态问题解决方法详解

    JS前端常见的竞态问题解决方法详解

    这篇文章主要为大家介绍了JS前端常见的竞态问题解决方法详解,阅读完本文,你将会知道:什么是竞态问题;通常出现在哪些场景;解决竞态问题有哪些方法,希望能够有所帮助,祝大家多多进步,早日升职加薪的相关资料
    2022-08-08
  • Ctrl+Enter提交内容信息

    Ctrl+Enter提交内容信息

    Ctrl+Enter提交内容信息...
    2006-06-06
  • RxJS中的Observable和Observer示例详解

    RxJS中的Observable和Observer示例详解

    这篇文章主要为大家介绍了RxJS中的Observable和Observer使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 微信小程序 require机制详解及实例代码

    微信小程序 require机制详解及实例代码

    这篇文章主要介绍了微信小程序 require机制详解及实例代码的相关资料,需要的朋友可以参考下
    2016-12-12
  • webpack安装配置及使用教程详解

    webpack安装配置及使用教程详解

    这篇文章主要为大家介绍了webpack的安装配置及使用的教程示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • 利用js实现简单开关灯代码

    利用js实现简单开关灯代码

    这篇文章主要分享的是如何利用js实现简单开关灯代码,下面文字围绕js实现简单开关灯的相关资料展开具体内容,需要的朋友可以参考以下,希望对大家又所帮助
    2021-11-11
  • javascript的setTimeout()使用方法总结

    javascript的setTimeout()使用方法总结

    这篇文章主要给大家分享javascript的setTimeout()使用方法总结,js的setTimeout方法用处比较多,通常用在页面刷新了、延迟执行了等等,下面我们一起来看看文章对该内容的具体总结吧,需要的朋友可以参考一下
    2021-11-11
  • JavaScript流程控制(分支)

    JavaScript流程控制(分支)

    这篇文章主要介绍了JavaScript流程控制
    2021-12-12

最新评论

?


http://www.vxiaotou.com