JAVA实现JSON后端向前端传递数据
时间:2021-06-30 09:22:08|栏目:JAVA代码|点击: 次
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;
}
});
}
栏 目:JAVA代码
下一篇:java实现扫雷小游戏
本文标题:JAVA实现JSON后端向前端传递数据
本文地址:http://www.codeinn.net/misctech/150372.html


阅读排行
- 1Java Swing组件BoxLayout布局用法示例
- 2java中-jar 与nohup的对比
- 3Java邮件发送程序(可以同时发给多个地址、可以带附件)
- 4Caused by: java.lang.ClassNotFoundException: org.objectweb.asm.Type异常
- 5Java中自定义异常详解及实例代码
- 6深入理解Java中的克隆
- 7java读取excel文件的两种方法
- 8解析SpringSecurity+JWT认证流程实现
- 9spring boot里增加表单验证hibernate-validator并在freemarker模板里显示错误信息(推荐)
- 10深入解析java虚拟机




