小程序开发教程《三》

请求后台数据过程

首先在app.js中，配置一下
app.js中设置公共域名doubanBase，

App({
globalData: {
userInfo: null,
doubanBase: "http://api.aa.cn/"
}
})

其他页面直接

const app = getApp()；
var _url = app.globalData.doubanBase+ '/list'；//请求接口：

举个例子
拿tab切换菜单，显示对应列表为例
1.首先wxxml中，需要在元素上用data-* = 值，设置需要传的值。如下面截图中的data-idx = index.

image.png

2.在js中就可以通过给菜单元素绑定事件currentTab,在事件对象e中通过 e.currentTarget.dataset.idx即可
获取当前选中元素的index，赋值给初始化定义的当前项元素currentTab

image.png

3.在wx.request函数中通过data中，键值对形式传参数

wx.request({
        url: _url, 
        method: 'post',
        header: { 'content-type': 'application/json' // 默认值
        },
        data:{'idx':this.data.currentTab},
        success(res) {}
})