JAVA实现JSON后端向前端传递数据

1 后端两个辅助类

ConcurrentDateUtil.Java，用于生成我们需要格式的时间

import java.text.DateFormat;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;

public class ConcurrentDateUtil {
  private static ThreadLocal<DateFormat> threadLocal = new ThreadLocal<DateFormat>() {
    @Override
    protected DateFormat initialValue() {
      return new SimpleDateFormat("yyyy-MM-dd hh:mm:ss");
    }
  };

  public static Date parse(String dateStr) throws ParseException {
    return threadLocal.get().parse(dateStr);
  }

  public static String format(Date date) {
    return threadLocal.get().format(date);
  }
}

JsonResult.java，JsonResult封装，用于后端向前端传递数据

import com.sf.utils.ConcurrentDateUtil;

import java.util.Date;

public class JsonResult<T> {
  public static int NEED_RE_LOGIN = 1;
  public static int NEED_RETRY = 2;

  private int errCode;

  private String message;

  private String timestamp = ConcurrentDateUtil.format(new Date());

  private T data;

  public String getMessage() {
    return message;
  }

  public void setMessage(String message) {
    this.message = message;
  }

  public String getTimestamp() {
    return timestamp;
  }

  public T getData() {
    return data;
  }

  public void setData(T data) {
    this.data = data;
  }

  public int getErrCode() {
    return errCode;
  }

  public void setErrCode(int errCode) {
    this.errCode = errCode;
  }
}

上面这两个类完成之后，我们就可以在web层的controller中使用JsonResult封装数据并传递到前端。

接下来介绍两种情况，看看前端怎么取数据出来

2 前端JS怎么取出数据

如果后端传给前端的JsonResult封装的是一个Map，例如

@ResponseBody
@RequestMapping(value = "/user/getUserAmount", method = RequestMethod.POST)
public JsonResult<Map<String, Integer>> getUserAmount() {
  JsonResult<Map<String, Integer>> result = new JsonResult<>();
  try {
    //已签到人数
    Integer signedAmount = userService.getSignedAmount();
    //总人数
    Integer totalUserAmount = userService.getTotalUserAmount();
    Map<String, Integer> amountMap = new HashMap<>();
    amountMap.put("signed", signedAmount);
    amountMap.put("sum", totalUserAmount);
    result.setData(amountMap);
    //这里举个例子，如果觉得setData穿的信息不够，还可以用setMessage方法多传一个字符串过去
    result.setMessage("这是签到界面");
  } catch (Exception e) {
    log.warn(ExceptionUtils.getStackTrace(e));
  }
  return result;
}

现在想在前端JS把已签到人数和总人数两个数据取出来，要怎么做呢？只需要在”.”后面跟着Map的Key就好了，如下所示：

function getSignedAmount(){
  $.ajax({
    type: "post",
    url : getContextPath() + "/user/getUserAmount",
    dataType:'json',
    data: {
    },
    success: function(data){
      var amount = data.data;
      //取出总人数
      var totalAmount = amount.sum;
      //总人数减去已经签到的人数，就是未签到的人
      var unsignedNumber = amount.sum-amount.signed;
      //取出后端controller中setMessage方法传过来的字符串
      var logMessage = data.message;
    }
  });
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# 后端接收前端传的json # 前端 # 后端 # json # 数据 # 前端与后端的数据交互 # Java后端接收前端数据的五种方法 # java后端返回数据给前端时去除值为空或NULL的属性、忽略某些属性代码示例 # 前端如何传递Array、Map类型数据到Java后端 # java web SpringMVC后端传json数据到前端页面实例代码 # java后端把数据转换为树 # map递归生成json树 # 返回给前端(后台转换) # java后端向前端传数据的几种方法 # 总人数 # 的人 # 的是 # 这是 # 两种 # 可以用 # 只需 # 要在 # 这两个 # 怎么做 # 所示 # 大家多多 # 就可以 # 举个例子 # 就好了 # dateStr # String # throws # format

返回目录在线咨询

上一篇： ,陕西液化气价格？
下一篇：怎么使用php框架_主流php框架使用入门教程【框架】

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

JAVA实现JSON后端向前端传递数据

您的项目需求