How to use EL expression in JS to obtain context parameters

This time I will show you how to use EL expressions in JS to obtain context parameters, and what are the precautions for using EL expressions in JS to obtain context parameters. The following is the actual combat. Let’s take a look at the case.

1.

actionReturn parameters to the page

/**
 * 测试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. Use EL in js Expression to get the parameter value

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

Note:

takes the numeric parameter value, and the EL expression in js does not need to be quoted; take String parameter values, EL expressions in js need to be quoted; object and collection type parameter values ​​need to be converted using JSON.toJSONString() in the background. I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

How to use VUE to extend ElTableColumn in element-ui

##How to use Vue data listening method watch

The above is the detailed content of How to use EL expression in JS to obtain context parameters. For more information, please follow other related articles on the PHP Chinese website!