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使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
May 28 Javascript
html5的自定义data-*属性和jquery的data()方法的使用示例
Aug 21 Javascript
jquery对ajax的支持介绍
Dec 10 Javascript
Javascript基础教程之break和continue语句
Jan 18 Javascript
js获取当前年月日-YYYYmmDD格式的实现代码
Jun 01 Javascript
JS奇技之利用scroll来监听resize详解
Jun 15 Javascript
ES6新增的math,Number方法
Aug 06 Javascript
微信小程序wx.request实现后台数据交互功能分析
Nov 25 Javascript
ReactNative之FlatList的具体使用方法
Nov 29 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
JS原生带缩略图的图片切换效果
Oct 10 Javascript
javascript设计模式 ? 组合模式原理与应用实例分析
Apr 14 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
php2html php生成静态页函数
2008/12/08 PHP
PHP Trait代码复用类与多继承实现方法详解
2019/06/17 PHP
javascript 播放器 控制
2007/01/22 Javascript
简单的Jquery遮罩层代码实例
2013/11/14 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
2014/01/25 Javascript
jquery队列queue与原生模仿其实现方法分享
2014/03/25 Javascript
详解参数传递四种形式
2015/07/21 Javascript
浅谈JavaScript的Polymer框架中的behaviors对象
2015/07/29 Javascript
基于javascript实现简单计算器功能
2016/01/03 Javascript
需灵活掌握的Bootstrap预定义排版类 你精通吗?
2016/06/20 Javascript
jQuery 3.0十大新特性
2016/07/06 Javascript
js实现无缝循环滚动
2020/06/23 Javascript
angularJS深拷贝详解
2017/03/23 Javascript
详解vue数据渲染出现闪烁问题
2017/06/29 Javascript
web前端vue filter 过滤器
2018/01/12 Javascript
js操作table中tr的顺序实现上移下移一行的效果
2018/11/22 Javascript
如何构建一个Vue插件并生成npm包
2020/10/26 Javascript
[44:33]EG vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python 写的一个爬虫程序源码
2016/02/28 Python
python 实现倒排索引的方法
2018/12/25 Python
33个Python爬虫项目实战(推荐)
2019/07/08 Python
numpy中的meshgrid函数的使用
2019/07/31 Python
Python的缺点和劣势分析
2019/11/19 Python
Python imageio读取视频并进行编解码详解
2019/12/10 Python
解决django接口无法通过ip进行访问的问题
2020/03/27 Python
用python查找统一局域网下ip对应的mac地址
2021/01/13 Python
英国性感内衣和睡衣品牌:Bluebella
2018/01/26 全球购物
英国演唱会订票网站:Ticket Selection
2018/03/27 全球购物
名词解释型面试题(主要是网络)
2013/12/27 面试题
大学生毕业求职找工作的自我评价
2013/09/29 职场文书
简单的辞职信范文
2014/01/18 职场文书
社会实践的活动方案
2014/08/22 职场文书
升学宴答谢词
2015/01/05 职场文书
会议主持人开场白台词
2015/05/28 职场文书
劳保用品管理制度范本
2015/08/06 职场文书
Canvas如何做个雪花屏版404的实现
2021/09/25 HTML / CSS