• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

互联网 diligentman 3天前 7次浏览

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

目录

  • 港口定位项目开发笔记3·基于JSP实现的网页端
      • java后台中获取微信小程序的数据
        • request合法域名问题
        • ERR_CONNECTION_REFUSED问题
        • 运行效果

前两次完成了微信小程序实时获取位置功能的实现,这次需要开发网页端实现与微信小程序端数据交互的功能,多年不搞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合法域名问题

一开始点击提交数据提示
港口定位项目开发笔记3·基于JSP实现的网页端
但是在微信小程序后端添加request合法域名时本地域名localhost是不行的,难道要去买个服务器?虽然咨询了老师后有了服务器随便买他报销的政策,但是还是在查阅了下文档,发现可以采用下面的做法!
港口定位项目开发笔记3·基于JSP实现的网页端
在项目中,详情->本地设置->选中不校验合法域名,即可解决这个问题,但是项目上线后是必须要采用合法域名及服务器的,到时候再找老板报销~

ERR_CONNECTION_REFUSED问题

在保证url没有错误的情况,出现下列错误
港口定位项目开发笔记3·基于JSP实现的网页端
原因:java后台服务器没跑起来
解决方案就是将服务器跑起来即可!
港口定位项目开发笔记3·基于JSP实现的网页端

运行效果

点击向java后台发送数据
港口定位项目开发笔记3·基于JSP实现的网页端
获取到了数据,成功!!
港口定位项目开发笔记3·基于JSP实现的网页端


喜欢 (0)