微信小程序前端获取后端数据

 

<!--index.wxml-->
<view>{{webMessage}}</view>
<button bindtap="getMessage"> 测试 </button>

 

//index.js
Page({
  getMessage: function(){
    var self = this
    wx.request({
      url: 'http://localhost:8080/demo', // 仅为示例，需填写自己服务器的地址
      data: {
      },
      header: {
        'content-type': 'application/json' // 默认值
      },

      success(res) {
        console.log(res.data);      //打印到控制台
        self.setData({
          webMessage : res.data      //发送到wxml
        })
      }
    })

  }

})



  

 

此处使用jsp，服务器为tomcat 

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class DemoServlet extends HttpServlet{

	@Override
	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		response.getWriter().write("hello world");  //在service对请求进行响应
	}
	
}

 

这个测试是对于小程序如何获取到服务器内容并输出

 

如有错误望告知，非常感谢