JS中用EL表达式获取上下文参数值的方法


Posted in Javascript onMarch 28, 2018

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";
}

2. js中用EL表达式获取参数值

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

备注:取数值型参数值,js中EL表达式不用加引号;取字符串型参数值,js中EL表达式需要加引号;对象和集合类型参数值,需要在后台用JSON.toJSONString()进行转化。

以上这篇JS中用EL表达式获取上下文参数值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
选择TreeView控件的树状数据节点的JS方法(jquery)
Feb 06 Javascript
使用firebug进行调试javascript的示例
Dec 16 Javascript
Javascript堆排序算法详解
Dec 03 Javascript
为JS扩展Array.prototype.indexOf引发的问题及解决办法
Jan 21 Javascript
JavaScript插件化开发教程 (二)
Jan 27 Javascript
jquery实现树形菜单完整代码
Dec 29 Javascript
js判断价格,必须为数字且不能为负数的实现方法
Oct 07 Javascript
AngularJS 2.0入门权威指南
Oct 08 Javascript
js制作支付倒计时页面
Oct 21 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
Nov 18 Javascript
JavaScript 完成注册页面表单校验的实例
Aug 19 Javascript
使用纯前端JavaScript实现Excel导入导出方法过程详解
Aug 07 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
Mar 28 #jQuery
vue渲染时闪烁{{}}的问题及解决方法
Mar 28 #Javascript
浅谈js获取ModelAndView值的问题
Mar 28 #Javascript
vue页面加载闪烁问题的解决方法
Mar 28 #Javascript
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
Mar 28 #jQuery
vue-cli axios请求方式及跨域处理问题
Mar 28 #Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
Mar 28 #Javascript
You might like
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
在JavaScript中通过URL传递汉字的方法
2007/04/09 Javascript
jquery $.ajax各个事件执行顺序
2010/10/15 Javascript
Js保留小数点的4种效果实现代码分享
2014/04/12 Javascript
jQuery实现不断闪烁文字的方法
2015/05/15 Javascript
JQuery中层次选择器用法实例详解
2015/05/18 Javascript
JS实现的通用表单验证插件完整实例
2015/08/20 Javascript
基于javascript实现checkbox复选框实例代码
2016/01/28 Javascript
JS实现星星评分功能实例代码(两种方法)
2016/06/09 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
2017/01/17 Javascript
详解如何在Vue2中实现组件props双向绑定
2017/03/29 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
2018/08/08 Javascript
浅谈微信小程序列表埋点曝光指南
2019/10/15 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
2019/12/09 Javascript
JavaScript代理模式原理与用法实例详解
2020/03/10 Javascript
[07:39]第一届亚洲邀请赛回顾视频
2017/02/14 DOTA
[01:14:55]EG vs Spirit Supermajor 败者组 BO3 第三场 6.4
2018/06/05 DOTA
Python 元类使用说明
2009/12/18 Python
Python中表示字符串的三种方法
2017/09/06 Python
Python面向对象编程基础解析(二)
2017/10/26 Python
让Python更加充分的使用Sqlite3
2017/12/11 Python
sublime python3 输入换行不结束的方法
2018/04/19 Python
pandas中去除指定字符的实例
2018/05/18 Python
Python os.rename() 重命名目录和文件的示例
2018/10/25 Python
python实现简单五子棋游戏
2019/06/18 Python
PyQt5创建一个新窗口的实例
2019/06/20 Python
python下的opencv画矩形和文字注释的实现方法
2019/07/09 Python
使用Python将字符串转换为格式化的日期时间字符串
2019/09/01 Python
python打开使用的方法
2019/09/30 Python
Python如何把十进制数转换成ip地址
2020/05/25 Python
接受捐赠答谢词
2014/01/27 职场文书
国际贸易专业个人求职信格式
2014/02/02 职场文书
农村党员干部承诺书
2015/05/04 职场文书
庆七一主持词
2015/06/29 职场文书
开发者首先否认《遗弃》被取消的传言
2022/04/11 其他游戏
Android开发之WECHAT微信小程序路由跳转的两种形式
2022/04/12 Java/Android