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 相关文章推荐
ExtJS判断IE浏览器类型的方法
Feb 10 Javascript
jquery $(document).ready()和window.onload的区别浅析
Feb 04 Javascript
js智能获取浏览器版本UA信息的方法
Aug 08 Javascript
AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法
Dec 14 Javascript
jQuery实现级联下拉框实战(5)
Feb 08 Javascript
vue.js选中动态绑定的radio的指定项
Jun 02 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
react-navigation 如何判断用户是否登录跳转到登录页的方法
Dec 01 Javascript
js将键值对字符串转为json字符串的方法
Mar 30 Javascript
vue中的mvvm模式讲解
Jan 31 Javascript
vue双向绑定及观察者模式详解
Mar 19 Javascript
解决layui的使用以及针对select、radio等表单组件不显示的问题
Sep 05 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删除页面记录 同时刷新页面 删除条件用GET方式获得
2012/01/10 PHP
Laravel框架下载,安装及路由操作图文详解
2019/12/04 PHP
CSS3画一个阴阳八卦图
2021/03/09 HTML / CSS
Jquery 表单验证类介绍与实例
2013/06/09 Javascript
JavaScript中使用arguments获得函数传参个数实例
2014/08/27 Javascript
javascript实现可全选、反选及删除表格的方法
2015/05/15 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
2015/08/04 Javascript
JS拖拽组件学习使用
2016/01/19 Javascript
js中scrollTop()方法和scroll()方法用法示例
2016/10/03 Javascript
JavaScrpt中如何使用 cookie 设置查看与删除功能
2017/07/09 Javascript
浅谈VUE监听窗口变化事件的问题
2018/02/24 Javascript
layui中使用jquery控制radio选中事件的示例代码
2018/08/15 jQuery
Vue项目安装插件并保存
2019/01/28 Javascript
js实现滑动滑块验证登录
2020/07/24 Javascript
vue实现div可拖动位置也可改变盒子大小的原理
2020/09/16 Javascript
[02:10]2018DOTA2亚洲邀请赛赛前采访-Liquid
2018/04/03 DOTA
[01:10:03]OG vs EG 2018国际邀请赛淘汰赛BO3 第三场 8.23
2018/08/24 DOTA
python编写爬虫小程序
2015/05/14 Python
浅析Python基础-流程控制
2016/03/18 Python
Python字符串处理实例详解
2017/05/18 Python
ActiveMQ:使用Python访问ActiveMQ的方法
2019/01/30 Python
在macOS上搭建python环境的实现方法
2019/08/13 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
详解HTML5中download属性的应用
2015/08/06 HTML / CSS
Html5跳转到APP指定页面的实现
2020/01/14 HTML / CSS
澳大利亚天然护肤品、化妆品和健康产品一站式商店:Nourished Life
2018/12/02 全球购物
澳大利亚巧克力花束和礼品网站:Tastebuds
2019/03/15 全球购物
自我评价范文点评
2013/12/04 职场文书
客服部工作职责范本
2014/02/14 职场文书
关于运动会的口号
2014/06/07 职场文书
2014年作风建设心得体会
2014/10/22 职场文书
经典搞笑版检讨书
2015/02/19 职场文书
2015年班组工作总结
2015/04/20 职场文书
寻衅滋事罪辩护词
2015/05/21 职场文书
青年文明号创建口号大全
2015/12/25 职场文书
建国70周年的心得体会(2篇)
2019/09/20 职场文书