小程序调用后端代码案例

该文需要一定的编程基础，后端采用ThinkPHP架构。

第一步：微信web开发者工具参数配置

开发阶段可以选上不校验合法域名 ，这样可以很方便的搭环境和调试。 到部署阶段就要搭https环境和配置合法域名了。

第二步，增加后端测试代码

    public function show_index_msglist(){

        $a = array(

            array("url"=>"f","title"=>"3多地首套房贷利率上浮 热点城"),

            array("url"=>"f","title"=>"41交了20多年的国内漫游费将"),

            array("url"=>"f","title"=>"5a北大教工合唱团出国演出遇")

        );

        $this->ajaxReturn(1,"success",$a);
    }

第三步，服务器后端网址

修改项目目录的app.js ，添加变量定义，增加serverUrl变量，这样就可以全局引用了

var appConfig = {
     globalData: globalData,
     serverUrl: 'http://www.example.com/', //改成你自己的域名
}
App(appConfig)

第四步，小程序端调用

Page({

// 页面的初始数据

data: {

   msgList:[],

}

onLoad: function(options) {

    var that = this;  //获取全局this

//从后端加载数据

    wx.request({

                url: app.serverUrl + "index.php?m=Wxml&c=index&a=show_index_msglist",

                headers: {

                        'Content-Type': 'application/json'

                },

success: function (res) {

        that.setData({

            msgList: res.data.data

        })

}

    });

});

注意要加在onLoad方法中，这样就可以在页面初始化时加载数据

第五步，前端wxml中调用