您的当前位置:首页正文

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

2024-11-13 来源:个人技术集锦

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全局变量中

显示全文