SpringMVC 中 JavaScript 獲取後端傳遞的 JSON 資料：EL 表達式直接注入

Controller 端已將資料放入 ModelAndView：

mv.addObject("json", jsonString);
return mv;

前端 JS 直接取值

<script>
  // 直接使用 EL 表達式輸出到 JS 變數
  var backendData = ${json};
  
  // 若為物件需轉 JSON 字串
  var backendObj = ${jsonObject}; // 需確保後端已序列化為 JSON 字串
  
  console.log(backendData);
</script>

注意事項

• 安全性：若資料含使用者輸入，必須做 HTML/JS 編碼防 XSS
• 資料型別：後端建議直接序列化為 JSON 字串（Jackson/Gson），前端用 JSON.parse() 解析
• 替代方案：RESTful API + AJAX 非同步請求，前後端分離架構更推薦

最佳實踐範例

// Controller
@ResponseBody
@GetMapping("/api/data")
public ResultDTO getData() {
  return ResultDTO.success(service.getData());
}

// 前端 JS
fetch('/api/data')
  .then(res => res.json())
  .then(data => { console.log(data); });

現代開發傾向前後端分離，Controller 回傳 JSON，前端透過 AJAX/Fetch 獲取，避免模板引擎混合輸出的維護困擾。