微信小程序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 相关文章推荐
js 跨域和ajax 跨域问题小结
Jul 01 Javascript
基于jquery实现的鼠标拖拽元素复制并写入效果
Aug 23 Javascript
裁剪字符串trim()自定义改进版
Apr 10 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
May 03 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 Javascript
EasyUI学习之Combobox级联下拉列表(2)
Dec 29 Javascript
javaScript中封装的各种写法示例(推荐)
Jul 03 Javascript
详解Node 定时器
Feb 26 Javascript
jQuery中实现text()的方法
Apr 04 jQuery
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
May 06 Javascript
JS实现audio音频剪裁剪切复制播放与上传(步骤详解)
Jul 28 Javascript
VSCode插件安装完成后的配置(常用配置)
Aug 24 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正则校验用户名介绍
2008/07/19 PHP
解析PHP跨站刷票的实现代码
2013/06/18 PHP
php结合md5的加密解密算法实例
2016/09/30 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
弹出层之1:JQuery.Boxy (一) 使用介绍
2011/10/06 Javascript
js中符号转意问题示例探讨
2013/08/19 Javascript
JS 实现点击a标签的时候让其背景更换
2013/10/15 Javascript
js中文逗号转英文实现
2014/02/11 Javascript
javascript读取Xml文件做一个二级联动菜单示例
2014/03/17 Javascript
AngularJS HTML编译器介绍
2014/12/06 Javascript
用Node.js通过sitemap.xml批量抓取美女图片
2015/05/28 Javascript
JQuery查找DOM节点的方法
2015/06/11 Javascript
JavaScript编程的单例设计模讲解
2015/11/10 Javascript
Node.js开发者必须了解的4个JS要点
2016/02/21 Javascript
JavaScript 函数模式详解及示例
2016/09/07 Javascript
JavaScript数组去重的多种方法(四种)
2017/09/19 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
2018/11/04 Javascript
js canvas实现画图、滤镜效果
2018/11/27 Javascript
localstorage实现带过期时间的缓存功能
2019/06/28 Javascript
JS+CSS+HTML实现“代码雨”类似黑客帝国文字下落效果
2020/03/17 Javascript
[01:02:17]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG
2014/05/26 DOTA
[31:47]夜魇凡尔赛茶话会 第三期01:选手知多少
2021/03/11 DOTA
对Pandas DataFrame缺失值的查找与填充示例讲解
2018/11/06 Python
Python tkinter模版代码实例
2020/02/05 Python
Opencv+Python识别PCB板图片的步骤
2021/01/07 Python
Shop Apotheke瑞士:您的健康与美容网上商店
2019/10/09 全球购物
L’Artisan Parfumeur官网:法国香水品牌
2020/08/11 全球购物
如何配置、使用和清除Smarty缓存
2015/12/23 面试题
Java Servlet API中forward() 与redirect()的区别
2014/04/20 面试题
绝对经典成功的大学生推荐信
2013/11/08 职场文书
端午节演讲稿
2014/05/23 职场文书
2015年安全生产目标责任书
2015/01/29 职场文书
详解MySQL数据库千万级数据查询和存储
2021/05/18 MySQL
Python如何解决secure_filename对中文不支持问题
2021/07/16 Python
mysql聚集索引、辅助索引、覆盖索引、联合索引的使用
2022/02/12 MySQL
使用Ajax实现进度条的绘制
2022/04/07 Javascript