个人中心
gpt4 book ai didi

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

转载 作者：qq735679552 更新时间：2022-09-29 22:32:09 24 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章JAVA实现JSON后端向前端传递数据由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

1 后端两个辅助类 。

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
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封装，用于后端向前端传递数据 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
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，例如 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
@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就好了，如下所示:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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;
     }
   });
}

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

原文链接：http://blog.csdn.net/antony9118/article/details/54411284 。

最后此篇关于JAVA实现JSON后端向前端传递数据的文章就讲到这里了,如果你想了解更多关于JAVA实现JSON后端向前端传递数据的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

24 4 0
文章推荐： SpringMVC实现前端后台交互传递数据
文章推荐： 你真的理解内存分配吗？
文章推荐： Z-Wave不担心Project CHIP的潜在威胁
文章推荐： java web如何解决瞬间高并发
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com