快捷導(dǎo)航

JS中用EL表達(dá)式獲取上下文參數(shù)值的方法

更新時(shí)間：2018年03月28日 10:17:11 作者：gsmiao

下面小編就為大家分享一篇JS中用EL表達(dá)式獲取上下文參數(shù)值的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

1. action返回參數(shù)到頁(yè)面

/**
 * 測(cè)試js中獲取后臺(tái)傳值
 * @param model
 * @param req
 * @return	String
 */
@RequestMapping("getValue")
public String getValue(Model model, HttpServletRequest req){
	model.addAttribute("stringValue", "測(cè)試在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表達(dá)式獲取參數(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表達(dá)式不用加引號(hào)；取字符串型參數(shù)值，js中EL表達(dá)式需要加引號(hào)；對(duì)象和集合類(lèi)型參數(shù)值，需要在后臺(tái)用JSON.toJSONString()進(jìn)行轉(zhuǎn)化。

以上這篇JS中用EL表達(dá)式獲取上下文參數(shù)值的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

淺談js的解析順序作用域嚴(yán)格模式
下面小編就為大家?guī)?lái)一篇淺談js的解析順序作用域嚴(yán)格模式。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-10-10
JS版元素周期表實(shí)現(xiàn)方法
這篇文章主要介紹了JS版元素周期表實(shí)現(xiàn)方法,可實(shí)現(xiàn)基于javascript動(dòng)態(tài)生成元素周期表的功能,點(diǎn)擊元素項(xiàng)可以在下方顯示對(duì)應(yīng)元素的各種常用屬性,需要的朋友可以參考下
2015-08-08
淺談JavaScript的push(),pop(),concat()方法
下面小編就為大家?guī)?lái)一篇淺談JavaScript的push(),pop(),concat()方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
JavaScript實(shí)現(xiàn)煙花和福字特效
這篇文章主要介紹了利用JavaScript實(shí)現(xiàn)放煙花特效和用字符“$”繪制“?！弊?，文中的示例代碼簡(jiǎn)潔易懂，感興趣的小伙伴可以學(xué)習(xí)一下
2022-01-01
小程序?qū)崿F(xiàn)搜索框功能
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)搜索框功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-07-07
Bootstrap實(shí)現(xiàn)帶暫停功能的輪播組件(推薦)
最近小編在項(xiàng)目中用到了一款帶輪播組件，功能非常齊全，可以設(shè)置各種標(biāo)題樣式、動(dòng)畫(huà)效果、輪播時(shí)間、開(kāi)始暫停等功能，下面小編通過(guò)本文給大家詳細(xì)介紹下實(shí)現(xiàn)過(guò)程，需要的朋友參考下吧
2016-11-11
JavaScript語(yǔ)句錯(cuò)誤throw、try及catch實(shí)例解析
這篇文章主要介紹了JavaScript語(yǔ)句錯(cuò)誤throw、try及catch實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-08-08
淺析微信小程序自定義日歷組件及flex布局最后一行對(duì)齊問(wèn)題
這篇文章主要介紹了微信小程序自定義日歷組件及flex布局最后一行對(duì)齊問(wèn)題,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-10-10
JavaScript高級(jí)程序設(shè)計(jì) 閱讀筆記（二十一） JavaScript中的XML
雖然XML和DOM已經(jīng)變成Web開(kāi)發(fā)的重要組成部分，但目前僅IE跟Mozilla支持客戶(hù)端的XML處理
2012-09-09
Javascript驗(yàn)證方法大全
這篇文章是集合了Javascript所有表單驗(yàn)證方法，非常全面，感興趣的小伙伴們可以參考一下
2015-09-09