微信小程序开发踩坑合集（接口调用，setData，获取屏幕高度）

一、接口调用

 

本地调试时，后台接口为http请求，需要更改开发者工具中的设置，将红框里的内容勾选。

1. 在app.js中设置基路径：

data: {

    baseUrl: 'http://32m4im.natappfree.cc'

} 

2.  在需要调用接口的js文件中获取基路径：

data: {

    baseUrl: getApp().data.baseUrl, // 接口基路径

}

3.  接口调用方法示例：

getArticleData: function() {

    var that = this;

    wx.request({

        url: that.data.baseUrl + '/api/Basics/GetArticleInfoByHome',

        method: "POST",

        header: {

            "Content-Type": "application/json"

        },

        success: function (res) {

            that.setData({

                articleData: res.data

            })

        }

    });

},

二、setData

 

1. 在定义变量之后，若想修改并在页面产生效果，必须使用setData方法，如果不用，虽然console打印出来结果但是页面不会监听显示。

data: {

    obj: {

        name: 'lily',

        old: 20

    },

    array: ['cat', 'dog']

}

// 在方法中修改变量的值

this.setData({

    obj: newobj   // 修改对象直接赋值

})



// 处理数组和对象的属性时需要用以下方法

var a = 'array['+index+']'; 

var b = 'obj.name'

this.setData({

    [a]: 'fish' // 修改数组的元素

    [b]: 'guanguan' // 修改对象的属性

})

 

三、获取屏幕高度

wx.getSystemInfo({

  success: function(res) {

    console.log(res.model)

    console.log(res.pixelRatio)

    console.log(res.windowWidth)

    console.log(res.windowHeight)

    console.log(res.language)

    console.log(res.version)

  }

})