港口定位项目开发笔记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后台发送数据
获取到了数据，成功！！
