溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

利用JAVA如何實(shí)現(xiàn)JSON前后端的數(shù)據(jù)傳遞

發(fā)布時(shí)間：2020-11-11 16:33:54 來源：億速云 閱讀：282 作者：Leah 欄目：編程語言

這篇文章給大家介紹利用JAVA如何實(shí)現(xiàn)JSON前后端的數(shù)據(jù)傳遞，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

1 后端兩個(gè)輔助類

ConcurrentDateUtil.Java，用于生成我們需要格式的時(shí)間

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封裝，用于后端向前端傳遞數(shù)據(jù)

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;
  }
}

上面這兩個(gè)類完成之后，我們就可以在web層的controller中使用JsonResult封裝數(shù)據(jù)并傳遞到前端。

接下來介紹兩種情況，看看前端怎么取數(shù)據(jù)出來

2 前端JS怎么取出數(shù)據(jù)

如果后端傳給前端的JsonResult封裝的是一個(gè)Map，例如

@ResponseBody
@RequestMapping(value = "/user/getUserAmount", method = RequestMethod.POST)
public JsonResult<Map<String, Integer>> getUserAmount() {
  JsonResult<Map<String, Integer>> result = new JsonResult<>();
  try {
    //已簽到人數(shù)
    Integer signedAmount = userService.getSignedAmount();
    //總?cè)藬?shù)
    Integer totalUserAmount = userService.getTotalUserAmount();
    Map<String, Integer> amountMap = new HashMap<>();
    amountMap.put("signed", signedAmount);
    amountMap.put("sum", totalUserAmount);
    result.setData(amountMap);
    //這里舉個(gè)例子，如果覺得setData穿的信息不夠，還可以用setMessage方法多傳一個(gè)字符串過去
    result.setMessage("這是簽到界面");
  } catch (Exception e) {
    log.warn(ExceptionUtils.getStackTrace(e));
  }
  return result;
}

現(xiàn)在想在前端JS把已簽到人數(shù)和總?cè)藬?shù)兩個(gè)數(shù)據(jù)取出來，要怎么做呢？只需要在”.”后面跟著Map的Key就好了，如下所示：

function getSignedAmount(){
  $.ajax({
    type: "post",
    url : getContextPath() + "/user/getUserAmount",
    dataType:'json',
    data: {
    },
    success: function(data){
      var amount = data.data;
      //取出總?cè)藬?shù)
      var totalAmount = amount.sum;
      //總?cè)藬?shù)減去已經(jīng)簽到的人數(shù)，就是未簽到的人
      var unsignedNumber = amount.sum-amount.signed;
      //取出后端controller中setMessage方法傳過來的字符串
      var logMessage = data.message;
    }
  });
}

關(guān)于利用JAVA如何實(shí)現(xiàn)JSON前后端的數(shù)據(jù)傳遞就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手