JS中用EL表達式獲取上下文參數(shù)值的方法
1. action返回參數(shù)到頁面
/** * 測試js中獲取后臺傳值 * @param model * @param req * @return String */ @RequestMapping("getValue") public String getValue(Model model, HttpServletRequest req){ model.addAttribute("stringValue", "測試在js中取值..."); model.addAttribute("numberValue", 111); List<String> list = new ArrayList<String>(); list.add("aaa"); list.add("bbb"); list.add("ccc"); model.addAttribute("arrayValue", list); model.addAttribute("jsonStringValue", JSON.toJSONString(list)); User user = new User(); user.setUserID("1"); user.setUserName("test"); user.setMobile("13800000000"); user.setEmail("test@163.com"); user.setNickName("test"); model.addAttribute("objJsonString", JSON.toJSONString(user)); return "/getValue.htm"; }
2. js中用EL表達式獲取參數(shù)值
<script type="text/javascript"> $(function(){ var stringValue = '${stringValue}'; console.log('stringValue-------------' + stringValue); var numberValue = ${numberValue}; console.log('numberValue-------------' + numberValue); var jsonStringValue = ${jsonStringValue}; console.log('jsonValue---------------' + jsonStringValue); var jsonStringValue1 = '${jsonStringValue}'; console.log('jsonValue1---------------' + jsonStringValue1); var objJsonString = '${objJsonString}'; console.log("objJsonString------------------- " + objJsonString); var obj = JSON.parse(objJsonString); console.log("userName ------------ " + obj.userName); }); </script>
備注:取數(shù)值型參數(shù)值,js中EL表達式不用加引號;取字符串型參數(shù)值,js中EL表達式需要加引號;對象和集合類型參數(shù)值,需要在后臺用JSON.toJSONString()進行轉(zhuǎn)化。
以上這篇JS中用EL表達式獲取上下文參數(shù)值的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
利用遞增的數(shù)字返回循環(huán)漸變的顏色的js代碼
其實很久前就想寫一個這樣的函數(shù)了。因為很多時候需要利用遞增數(shù)字返回一個漸變顏色序列,今天終于完成了。2008-10-10JS實現(xiàn)頁面中所有img對象添加onclick事件及新窗口查看圖片的方法
這篇文章主要介紹了JS實現(xiàn)頁面中所有img對象添加onclick事件及新窗口查看圖片的方法,涉及JS頁面元素遍歷及屬性動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-12-12JS+CSS實現(xiàn)的漂亮漸變背景特效代碼(6個漸變效果)
這篇文章主要介紹了JS+CSS實現(xiàn)的漂亮漸變背景特效代碼,包含6個漸變效果,涉及JavaScript針對頁面元素屬性動態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-03-03JS控件bootstrap datepicker使用方法詳解
這篇文章主要介紹了js控件bootstrap datepicker的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03chart.js實現(xiàn)動態(tài)網(wǎng)頁顯示拆線圖的效果
本文主要介紹了chart.js實現(xiàn)動態(tài)網(wǎng)頁顯示拆線圖的效果,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-11-11