分享小程序如何开发调用接口-创新互联

小编给大家分享一下分享小程序如何开发调用接口，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

创新互联是一家集网站建设,裕华企业网站建设,裕华品牌网站建设,网站定制,裕华网站建设报价,网络营销,网络优化,裕华网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

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

首先看一下效果：

这个就是小程序的真实样貌，体验度和原生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：页面加载成功后的执行方法。

看完了这篇文章，相信你对“分享小程序如何开发调用接口”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

文章标题：分享小程序如何开发调用接口-创新互联
文章源于：http://www.wjwzjz.com/article/ceppdi.html