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 相关文章推荐
JAVASCRIPT style 中visibility和display之间的区别
Jan 22 Javascript
Jquery 插件开发笔记整理
Jan 17 Javascript
JS多物体 任意值 链式 缓冲运动
Aug 10 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
Jan 03 Javascript
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
Sep 30 Javascript
jQuery链式操作实例分析
Nov 16 Javascript
Node.js的Web模板引擎ejs的入门使用教程
Jun 06 Javascript
微信小程序实现图片自适应(支持多图)
Jan 25 Javascript
vue-router 学习快速入门
Mar 01 Javascript
jQuery正则验证注册页面经典实例
Jun 10 jQuery
vue组件之间通信实例总结(点赞功能)
Dec 05 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
Sep 18 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技术开发微信公众平台
2015/07/22 PHP
php flush无效,IIS7下php实时输出的方法
2016/08/25 PHP
PHP上传Excel文件导入数据到MySQL数据库示例
2016/10/25 PHP
yii2 url重写并隐藏index.php方法
2018/12/10 PHP
javascript 一个自定义长度的文本自动换行的函数
2007/08/19 Javascript
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
2010/05/13 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
Javascript必知必会(四)js类型转换
2016/06/08 Javascript
Bootstrap响应式侧边栏改进版
2016/09/17 Javascript
jQuery中DOM节点删除之empty与remove
2017/01/20 Javascript
js实现鼠标左右移动,图片也跟着移动效果
2017/01/25 Javascript
基于构造函数的五种继承方法小结
2017/07/27 Javascript
jQuery 实时保存页面动态添加的数据的示例
2017/08/14 jQuery
vue-cli 自定义指令directive 添加验证滑块示例
2017/10/19 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
2019/02/21 Javascript
jQuery中each和js中forEach的区别分析
2019/02/27 jQuery
javascript设计模式 ? 单例模式原理与应用实例分析
2020/04/09 Javascript
js实现简单扫雷
2020/11/27 Javascript
Python内置函数Type()函数一个有趣的用法
2015/02/18 Python
使用Python的Twisted框架构建非阻塞下载程序的实例教程
2016/05/25 Python
Python 判断是否为质数或素数的实例
2017/10/30 Python
python随机生成库faker库api实例详解
2019/11/28 Python
基于Django实现日志记录报错信息
2019/12/17 Python
详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式
2021/01/24 Python
html5手机键盘弹出收起的处理
2020/01/20 HTML / CSS
最新大学生自我评价
2013/09/24 职场文书
工艺工程师工作职责
2013/11/23 职场文书
化学实验员岗位职责
2013/12/28 职场文书
小学语文国培感言
2014/03/04 职场文书
个人欠款担保书
2014/05/20 职场文书
教师求职信
2014/06/17 职场文书
邓小平理论心得体会
2014/09/09 职场文书
2014财务部年度工作总结
2014/12/08 职场文书
师德标兵事迹材料
2014/12/19 职场文书
法定代表人身份证明书
2015/06/18 职场文书
python spilt()分隔字符串的实现示例
2021/05/21 Python