小程序请求服务器项目获取数据

近期公众号项目要添加小程序，第一次接触小程序，初期想看看小程序和本地项目之间的交互如何实现。
1.由于微信请求支持的是https://，本地项目是http://前期就是编程实现一下效果，可以在微信开发者工具中详情设置忽略请求校验，等到项目上线还得将服务器项目改为https://，估计有得麻烦了…后期解决了会更新内容

小程序中.js中代码

RData: function () {
    var that = this;
    wx.request({
      url: 'http://localhost:8080/edutrain/MiniProgram/classes',
      data: {
        pxjgid: 123456
      },
      method: 'POST',
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      success: function (res) {
        that.setData({ textdata: res.data });
        console.log("项目传来的数据"+res.data.haha);
      },
      fail: function () {
        // fail
      },
      complete: function () {
        console.log("d");
      }
    })
  },

项目后台接口代码：

@Controller
@RequestMapping("/MiniProgram")
public class MiniProgramController {
    private static Logger log = LogManager.getLogger(BannerController.class);
    @RequestMapping("/classes")
    @ResponseBody
    public Map<String, Object> classes(@RequestParam("pxjgid")String pxjgid){
        log.info("小程序访问了后台接口!=========================小程序数据"+pxjgid);
        Map<String, Object> maps = new HashMap<>();
        maps.put("haha", 123);
        return maps;
    }
}

2.项目运行后编译小程序，可以看到前后台交互的数据。尝试服务器路径图片，视频在小程序直接显示都可以成功。