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 相关文章推荐
Prototype Object对象 学习
Jul 12 Javascript
ASP Json Parser修正版
Dec 06 Javascript
11款新鲜的jQuery插件[附所有demo下载]
Jan 24 Javascript
ie支持function.bind()方法实现代码
Dec 27 Javascript
js 判断文件类型并控制表单提交示例代码
Nov 14 Javascript
html5 canvas js(数字时钟)实例代码
Dec 23 Javascript
jquery实现的仿天猫侧导航tab切换效果
Aug 24 Javascript
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 jQuery
使用layui 渲染table数据表格的实例代码
Aug 19 Javascript
Node.js对MongoDB进行增删改查操作的实例代码
Apr 18 Javascript
VUE和Antv G6实现在线拓扑图编辑操作
Oct 28 Javascript
vue中this.$http.post()跨域和请求参数丢失的解决
Apr 08 Vue.js
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
动态生成gif格式的图像要注意?
2006/10/09 PHP
关于BIG5-HKSCS的解决方法
2007/03/20 PHP
php mssql 分页SQL语句优化 持续影响
2009/04/26 PHP
Apache下禁止php文件被直接访问的解决方案
2013/04/25 PHP
php对二维数组进行排序的简单实例
2013/12/19 PHP
什么情况下可以不写PHP的闭合标签“?&gt;”
2014/08/28 PHP
thinkphp使用literal防止模板标签被解析的方法
2014/11/22 PHP
PHP识别二维码的方法(php-zbarcode安装与使用)
2016/07/07 PHP
通过jquery实现tab标签浏览效果
2007/02/20 Javascript
在javascript中如何得到中英文混合字符串的长度
2014/01/17 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
2014/07/14 Javascript
AngularJs bootstrap搭载前台框架——js控制部分
2016/09/01 Javascript
javascript动画之模拟拖拽效果篇
2016/09/26 Javascript
node.js实现的装饰者模式示例
2017/09/06 Javascript
Vue 同步异步存值取值实现案例
2020/08/05 Javascript
[02:06]2018完美世界全国高校联赛秋季赛开始报名(附彩蛋)
2018/09/03 DOTA
[53:29]完美世界DOTA2联赛循环赛 DM vs Matador BO2第二场 11.04
2020/11/05 DOTA
Python实现基本数据结构中栈的操作示例
2017/12/04 Python
python实现redis三种cas事务操作
2017/12/19 Python
python将文本中的空格替换为换行的方法
2018/03/19 Python
python解析xml简单示例
2019/06/21 Python
解决Python3 控制台输出InsecureRequestWarning问题
2019/07/15 Python
python爬虫 execjs安装配置及使用
2019/07/30 Python
Pytorch自己加载单通道图片用作数据集训练的实例
2020/01/18 Python
python计算auc的方法
2020/09/09 Python
使用scrapy ImagesPipeline爬取图片资源的示例代码
2020/09/28 Python
python爬虫搭配起Bilibili唧唧的流程分析
2020/12/01 Python
python实现图像高斯金字塔的示例代码
2020/12/11 Python
python中delattr删除对象方法的代码分析
2020/12/15 Python
CSS3 选择器 基本选择器介绍
2012/01/21 HTML / CSS
生产厂长岗位职责
2014/02/21 职场文书
置业顾问岗位职责
2014/03/02 职场文书
2014幼儿园中班工作总结
2014/11/10 职场文书
毕业班班主任工作总结2015
2015/07/23 职场文书
2016学校元旦晚会经典开场白台词
2015/12/03 职场文书
MySQL的意向共享锁、意向排它锁和死锁
2022/07/15 MySQL