港口定位项目开发笔记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请求的参数(要传递的数据)
methodHTTP 请求方法(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后台发送数据
在这里插入图片描述
获取到了数据,成功!!
在这里插入图片描述

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 黑客帝国 设计师:上身试试 返回首页