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


Posted in Javascript onSeptember 20, 2017

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

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

Javascript 相关文章推荐
自己动手制作jquery插件之自动添加删除行功能介绍
Oct 14 Javascript
根据json字符串生成Html的一种方式
Jan 09 Javascript
JavaScript解析json格式数据简单示例
Dec 09 Javascript
深入理解JavaScript中的浮点数
May 18 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
Dec 21 Javascript
原生JS实现图片翻书效果
Feb 16 Javascript
基于JavaScript实现验证码功能
Apr 01 Javascript
微信小程序 生命周期函数详解
May 24 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
Dec 19 Javascript
Vue+Element实现表格编辑、删除、以及新增行的最优方法
May 28 Javascript
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
May 12 Javascript
微信小程序淘宝首页双排图片布局排版代码(推荐)
Oct 29 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
Sep 20 #Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
Sep 20 #Javascript
微信小程序picker组件下拉框选择input输入框的实例
Sep 20 #Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
Sep 20 #jQuery
微信小程序授权获取用户详细信息openid的实例详解
Sep 20 #Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 #jQuery
Vue-cli创建项目从单页面到多页面的方法
Sep 20 #Javascript
You might like
利用PHP实现智能文件类型检测的实现代码
2011/08/02 PHP
PHP图片处理之图片背景、画布操作
2014/11/19 PHP
PHP封装cURL工具类与应用示例
2019/07/01 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
各浏览器对click方法的支持差异小结
2011/07/31 Javascript
jQuery内部原理和实现方式浅析
2015/02/03 Javascript
javascript实现树形菜单的方法
2015/07/17 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
2016/04/06 Javascript
js改变css样式的三种方法推荐
2016/06/28 Javascript
详解用webpack2.0构建vue2.0超详细精简版
2017/04/05 Javascript
Node.js使用cookie保持登录的方法
2018/05/11 Javascript
vue-cli项目配置多环境的详细操作过程
2018/10/30 Javascript
vue表单数据交互提交演示教程
2019/11/13 Javascript
vue实现信息管理系统
2020/05/30 Javascript
JS如何定义用字符串拼接的变量
2020/07/11 Javascript
在Python中使用PIL模块对图片进行高斯模糊处理的教程
2015/05/05 Python
Python开发如何在ubuntu 15.10 上配置vim
2016/01/25 Python
Python爬虫辅助利器PyQuery模块的安装使用攻略
2016/04/24 Python
使用python3+xlrd解析Excel的实例
2018/05/04 Python
Python实现两个list求交集,并集,差集的方法示例
2018/08/02 Python
python实现zabbix发送短信脚本
2018/09/17 Python
在win10和linux上分别安装Python虚拟环境的方法步骤
2019/05/09 Python
Django框架 querySet功能解析
2019/09/04 Python
Python集成开发工具Pycharm的安装和使用详解
2020/03/18 Python
python爬虫学习笔记之Beautifulsoup模块用法详解
2020/04/09 Python
Python使用Paramiko控制liunx第三方库
2020/05/20 Python
python爬虫基础之urllib的使用
2020/12/31 Python
HTML5移动端开发遇见的东西
2019/10/11 HTML / CSS
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
董事长秘书职责
2014/01/31 职场文书
护理毕业生自我鉴定
2014/02/11 职场文书
工商管理专业毕业生求职信
2014/05/26 职场文书
村班子对照检查材料
2014/08/18 职场文书
奖励通知
2015/04/22 职场文书
2019XX公司员工考核管理制度!
2019/08/07 职场文书
委托开发合同书(标准版)
2019/08/07 职场文书