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 相关文章推荐
jQuery 选择器、DOM操作、事件、动画
Nov 25 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
Jan 21 Javascript
js判断两个日期是否相等的方法
Sep 10 Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
Jun 02 Javascript
node.js适合游戏后台开发吗?
Sep 03 Javascript
根据配置文件加载js依赖模块
Dec 29 Javascript
谈谈JavaScript中function多重理解
Aug 28 Javascript
Angularjs过滤器使用详解
May 25 Javascript
js实现表单及时验证功能 用户信息立即验证
Sep 13 Javascript
小程序云开发如何实现图片上传及发表文字
May 17 Javascript
基于layui的table插件进行复选框联动功能的实现方法
Sep 19 Javascript
three.js欧拉角和四元数的使用方法
Jul 26 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
解决163/sohu/sina不能够收到PHP MAIL函数发出邮件的问题
2009/03/13 PHP
PHP header()函数使用详细(301、404等错误设置)
2013/04/17 PHP
使用php 获取时间今天明天昨天时间戳的详解
2013/06/20 PHP
PHP数据库操作三:redis用法分析
2017/08/16 PHP
PHP实现网站访问量计数器
2017/10/27 PHP
菜单效果
2006/10/14 Javascript
JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器
2010/10/11 Javascript
javascript 基础篇4 window对象,DOM
2012/03/14 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
2012/04/12 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
2015/12/15 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
2016/12/21 Javascript
AngularJS的ng-click传参的方法
2017/06/19 Javascript
让你彻底掌握es6 Promise的八段代码
2017/07/26 Javascript
javascript按钮禁用和启用的效果实例代码
2017/10/29 Javascript
vue组件横向树实现代码
2018/08/02 Javascript
js实现翻牌小游戏
2020/07/31 Javascript
使用Python操作excel文件的实例代码
2017/10/15 Python
pycharm修改file type方式
2019/11/19 Python
Python imageio读取视频并进行编解码详解
2019/12/10 Python
详解python常用命令行选项与环境变量
2020/02/20 Python
Python写捕鱼达人的游戏实现
2020/03/31 Python
python和php哪个容易学
2020/06/19 Python
利用CSS3实现平移动画效果示例代码
2016/10/12 HTML / CSS
HTML5中如何显示视频呢 HTML5视频播放demo
2013/06/08 HTML / CSS
使用HTML5的Notification API制作web通知的教程
2015/05/08 HTML / CSS
AmazeUI折叠式卡片布局,整合内容列表、表格组件实现
2020/08/20 HTML / CSS
护士自我鉴定
2013/10/23 职场文书
党员对十八届四中全会的期盼思想汇报范文
2014/10/17 职场文书
离婚案件原告代理词
2015/05/23 职场文书
2015入党自传格式范文
2015/06/26 职场文书
《秦兵马俑》教学反思
2016/02/24 职场文书
python自然语言处理之字典树知识总结
2021/04/25 Python
Java框架入门之简单介绍SpringBoot框架
2021/06/18 Java/Android
python 多态 协议 鸭子类型详解
2021/11/27 Python
MySQL的存储过程和相关函数
2022/04/26 MySQL
python读取mat文件生成h5文件的实现
2022/07/15 Python