港口定位项目开发笔记3·基于JSP实现的网页端

港口定位项目开发笔记3·基于JSP实现的网页端

前两次完成了微信小程序实时获取位置功能的实现，这次需要开发网页端实现与微信小程序端数据交互的功能，多年不搞Java，现在突然有点熟悉的陌生感。

java后台中获取微信小程序的数据

微信小程序端做了一个简单的按钮，点击触发postdata事件函数就可以把数据发送到java后台中。
微信小程序端
demo6.wxml

<button bindtap="postdata" type="primary">向java后台发送数据</button>

demo6.js

postdata(){
    var that = this;
    wx.request({
      url: 'http://localhost:8080/LocationProject/save_data',
      method: 'GET',
      data: {username: "tiger", userpass: "123456"},
      header:{
        'content-type': 'application/json'
      },
      success: function(res){
        console.log("success");
      },
      fail:function(err){
        console.log('fail reason:'+err.data);
      }
    })

  },

属性	说明
url	开发者服务器接口地址
data	请求的参数（要传递的数据）
method	HTTP 请求方法（GET/POST）
header	响应的数据类型

注意：POST提交方式上边json需改成这个x-www-form-urlencoded，否则会接收不到数据！

java后台代码

@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		// TODO Auto-generated method stub
		System.out.println("doget");
		System.out.println(req.getParameter("username"));
		System.out.println(req.getParameter("userpass"));
	}

request合法域名问题

一开始点击提交数据提示

但是在微信小程序后端添加request合法域名时本地域名localhost是不行的，难道要去买个服务器？虽然咨询了老师后有了服务器随便买他报销的政策，但是还是在查阅了下文档，发现可以采用下面的做法！

在项目中，详情->本地设置->选中不校验合法域名，即可解决这个问题，但是项目上线后是必须要采用合法域名及服务器的，到时候再找老板报销~

ERR_CONNECTION_REFUSED问题

在保证url没有错误的情况，出现下列错误

原因：java后台服务器没跑起来
解决方案就是将服务器跑起来即可！

运行效果

点击向java后台发送数据

获取到了数据，成功！！