微信小程序：连接服务器并获取服务器里面的内容

 这里我用idea+mysql查询出数据，并在微信开发者工具上显示出来数据。idea中的查询步骤在这里省略不写。

查询信息的服务网址

http://localhost:8080//myspringboot/serversAll//只能在我本机上使用

页面查询结果样式如下：

 这种样式是json格式的，可以在controller层直接使用@RestController注解，返回的格式就会是json格式，或者使用@Controller+@ResponseBody注解。

微信开发者工具Servers.js代码

/**
   * 页面的初始数据
   */
  data: {
    selectArray: [],
  },
 //连接服务器的具体方法  
  getteseList() {
    var that = this;
    wx.request({
     //服务器的网址（这里不是正规的网址，所以要使用的话，在微信开发者工具中要勾选不校验合法域名）
      url: 'http://localhost:8080//myspringboot/serversAll',
      //提交方式
      method: 'post',
      success: function (res) {
        that.setData({
        //把获取的值赋值给selectArray数组
          selectArray: res.data          
        })
      }
    })
  },
  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
   this.getteseList();
  },

微信开发者工具Servers.wxml代码

<view wx:for="{{selectArray}}" bindtap="ser" data-text='{{ev.serverName}}' wx:for-key="index" wx:for-item="ev">
  {{ev.serverName}}
</view>

需要注意的是只有返回的类型是集合的时候，才可以使用wx:for进行遍历，如果返回的是一个实体对象，那直接用实体对象.属性的方式即可。

结果如下图