(六)小程序js与后台交互(SpringBoot)

js:
get请求:

wx.request({
      url: 'http://localhost:8080/test/test',
      method: 'get',
      data: { id : '1'},
      header: {
        'content-type': 'application/json'
      },
      success: function (res) {
        res.data就是你后台返回来的数据
        以数组形式存储
      },
      fail: function (err) {
        失败之后执行
      }
    })

post请求:

 wx.request({
          url: 'http://localhost:8080/test/test',
          method: 'post',
          data: { id : '1'},
          header: {
            'content-type': 'application/x-www-form-urlencoded'
          },
          success: function (res) {
            res.data就是你后台返回来的数据
            以数组形式存储
          },
          fail: function (err) {
            失败之后执行
          }
        })

java后台代码:

   @RequestMapping(value = "/test",method = RequestMethod.POST)
    public String test(HttpServletRequest req, HttpServletResponse resp) {
        resp.setContentType("text/json");
        resp.setCharacterEncoding("utf-8");
        String id= (String) req.getParameter("id"); //获取传递的参数
        PrintWriter pw = null;
        Map map = new HashMap(); //编写Map 根据键值对存储元素 如果是实体类对象的话 直接json成字符串传递即可
        map.put("id", id);
        map.put("status", "远古巨猿");
        JSONArray json = JSONArray.fromObject(map);
        try {
            pw = resp.getWriter();
            pw.print(json);
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            if (pw != null)
                pw.close();   关闭
        }
        return null;
    }

注:在wx.request请求中 url 可以前缀可以定义在app.js全局变量中

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值