分享小程序开发调用接口的实例教程-小程序开发-PHP中文网

分享小程序开发调用接口的实例教程

零下一度

发布： 2017-05-27 14:22:58

原创

5221人浏览过

在这里通过一个简单的实例来说明微信小程序接口调用：

首先看一下效果：
这里写图片描述

这个就是小程序的真实样貌，体验度和原生APP还是有点相似的。

JSON数据配置：

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "萌店商品详情",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"}

登录后复制

JS代码：

 wx.request({
                url: 'http://m.vd.cn/api/tuan/TuanGuide_api', //仅为示例，并非真实的接口地址
                data: {
                    code:"oneyuan"  
                },
                method: "POST",
                header: {                    "Content-Type": "application/x-www-form-urlencoded"  //post
                },
                complete: function( res ) {
                    that.setData( {
                        oneyuandata: res.data.data
                    });                    if( res == null || res.data == null ) {
                        reject(new Error('网络请求失败'))
                    }
                },
                success: function(res) {
                    if(res.data.code ==0){
                        resolve(res)

                    }
                }
            })

登录后复制

在这里对JS进行简单的解释，WCSS和WXML代码就不奉上了！

url：这个是要请求的接口地址 data：一个入参 method：请求方式，如果是POST请求必须按上面写，默认是get请求，不用处理。 complete：页面请求完成后的方法，通过that.setData将数据传递给WXML页面。 success：页面加载成功后的执行方法。

【相关推荐】

1. 如何通过http请求添加自定义菜单？

易优微信工程机械小程序模板

易优小程序是基于前端开源小程序+后端易优cms+标签化API接口，是一套开源、快速搭建个性化需求的小程序CMS。轻量级TP底层框架，前后端分离，标签化API接口可对接所有小程序，支持二次开发。即使小白用户也能轻松搭建制作一套完整的线上版小程序。微信工程机械小程序模板主要特点：1、代码开源，支持二次修改。2、微信原生写法，兼容性更好，代码可读性更强。3、功能接口完整，支持eyoucms大部分功能ap