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 相关文章推荐
出现“不能执行已释放的Script代码”错误的原因及解决办法
Aug 29 Javascript
基于jquery实现的鼠标拖拽元素复制并写入效果
Aug 23 Javascript
js综合应用实例简单的表格统计
Sep 03 Javascript
javascript操作select元素实例分析
Mar 27 Javascript
jquery实现的蓝色二级导航条效果代码
Aug 24 Javascript
RGB和YUV 多媒体编程基础详细介绍
Nov 04 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
Mar 05 Javascript
js+css实现打字效果
Jun 24 Javascript
vue 之 css module的使用方法
Dec 04 Javascript
解决vue 给window添加和移除resize事件遇到的坑
Jul 21 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
Sep 05 Javascript
javascript中闭包closure的深入讲解
Mar 03 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批量采集下载美女图片的实现代码
2013/06/03 PHP
Ubuntu 16.04下安装PHP 7过程详解
2017/03/28 PHP
使javascript也能包含文件
2006/10/26 Javascript
跟随鼠标旋转的文字
2006/11/30 Javascript
基于jQuery的投票系统显示结果插件
2011/08/12 Javascript
JS模块与命名空间的介绍
2013/03/22 Javascript
JavaScript cookie的设置获取删除详解
2014/02/11 Javascript
Javascript核心读书有感之语言核心
2015/02/01 Javascript
JavaScript中匿名函数用法实例
2015/03/23 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
2015/03/26 Javascript
jQuery+JSON实现AJAX二级联动实例分析
2015/12/18 Javascript
jQuery动画效果相关方法实例分析
2015/12/31 Javascript
jquery动态切换背景图片的简单实现方法
2016/05/14 Javascript
AngularJS 如何在控制台进行错误调试
2016/06/07 Javascript
js验证手机号、密码、短信验证码代码工具类
2020/06/24 Javascript
vue-router路由简单案例介绍
2017/02/21 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
2019/08/26 Javascript
基于js实现抽红包并分配代码实例
2019/09/19 Javascript
在Vue中使用HOC模式的实现
2020/08/23 Javascript
javascript实现一款好看的秒表计时器
2020/09/05 Javascript
简述Python2与Python3的不同点
2018/01/21 Python
Python操作MySQL数据库的三种方法总结
2018/01/30 Python
简单谈谈Python的pycurl模块
2018/04/07 Python
python自动化测试无法启动谷歌浏览器问题
2019/10/10 Python
CSS3 实用技巧:实现黑白图像效果示例代码
2013/07/11 HTML / CSS
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
2016/12/15 HTML / CSS
linux面试题参考答案(10)
2016/10/26 面试题
后勤人员自我鉴定
2013/10/20 职场文书
大学生社会实践方案
2014/05/11 职场文书
高三毕业典礼演讲稿
2014/05/13 职场文书
中学生社会实践教育活动总结
2015/05/06 职场文书
学校团代会开幕词
2016/03/04 职场文书
关于redisson缓存序列化几枚大坑说明
2021/08/04 Redis
一文彻底理解js原生语法prototype,__proto__和constructor
2021/10/24 Javascript
如何通过简单的代码描述Angular父组件、子组件传值
2022/04/07 Javascript
win10音频服务未响应怎么解决?win10音频服务未响应未修复的解决方法
2022/08/14 数码科技