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