如何使用JS中EL表達式取得上下文參數

這次帶給大家怎樣使用JS中EL表達式取得上下文參數，使用JS中EL表達式取得上下文參數的注意事項有哪些，以下就是實戰案例，一起來看一下。

1. action返回參數到頁面

#

/**
 * 测试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";
}</string></string>

2. js中用EL表達式取得參數值

<script>
	$(function(){
		var stringValue = &#39;${stringValue}&#39;;
		console.log(&#39;stringValue-------------&#39; + stringValue);
				
		var numberValue = ${numberValue};
		console.log(&#39;numberValue-------------&#39; + numberValue);
				
		var jsonStringValue = ${jsonStringValue};
		console.log(&#39;jsonValue---------------&#39; + jsonStringValue);
				
		var jsonStringValue1 = &#39;${jsonStringValue}&#39;;
		console.log(&#39;jsonValue1---------------&#39; + jsonStringValue1); 
				
		var objJsonString = &#39;${objJsonString}&#39;;
		console.log("objJsonString------------------- " + objJsonString);
		var obj = JSON.parse(objJsonString);
		console.log("userName ------------ " + obj.userName);
	});
</script>

備註：取數值型參數值，js中EL表達式不用加引號；取字串型參數值，js中EL表達式需要加引號；物件和集合類型參數值，需要在後台用JSON.toJSONString()進行轉換。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

怎麼使用VUE對element-ui內ElTableColumn擴充

如何使用Vue資料監聽方法watch

#

以上是如何使用JS中EL表達式取得上下文參數的詳細內容。更多資訊請關注PHP中文網其他相關文章！