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 相关文章推荐
JS中获取数据库中的值的方法
Jul 14 Javascript
checkbox设置复选框的只读效果不让用户勾选
Aug 12 Javascript
自动设置iframe大小的jQuery代码
Sep 11 Javascript
用C/C++来实现 Node.js 的模块(一)
Sep 24 Javascript
JS实现拖拽的方法分析
Dec 20 Javascript
BootStrap Fileinput初始化时的一些参数
Dec 30 Javascript
微信小程序 PHP后端form表单提交实例详解
Jan 12 Javascript
js编写选项卡效果
May 23 Javascript
详解在Vue中有条件地使用CSS类
Sep 30 Javascript
react实现菜单权限控制的方法
Dec 11 Javascript
详解webpack自定义loader初探
Aug 29 Javascript
基于JavaScript实现简单抽奖功能代码实例
Oct 20 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
JavaScript创建命名空间的5种写法
2014/06/24 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
2017/09/16 PHP
javascript的原生方法获取数组中的最大(最小)值
2012/12/19 Javascript
一个背景云变换js特效 鼠标移动背景云变化
2012/12/28 Javascript
jquery文字上下滚动的实现方法
2013/03/22 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
2016/01/27 Javascript
基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理
2016/05/12 Javascript
bootstrap模态框实现拖拽效果
2016/12/14 Javascript
BootStrap CSS全局样式和表格样式源码解析
2017/01/20 Javascript
在react中使用vuex的示例代码
2018/07/30 Javascript
详解基于 Node.js 的轻量级云函数功能实现
2019/07/08 Javascript
在NodeJs中使用node-schedule增加定时器任务的方法
2020/06/08 NodeJs
js实现直播点击飘心效果
2020/08/19 Javascript
使用Python脚本将绝对url替换为相对url的教程
2015/04/24 Python
Python列表和元组的定义与使用操作示例
2017/07/26 Python
Python面向对象编程基础解析(二)
2017/10/26 Python
python web.py开发httpserver解决跨域问题实例解析
2018/02/12 Python
对python字典元素的添加与修改方法详解
2018/07/06 Python
Python 访问限制 private public的详细介绍
2018/10/16 Python
python的常用模块之collections模块详解
2018/12/06 Python
python3.6+selenium实现操作Frame中的页面元素
2019/07/16 Python
python3.7 利用函数os pandas利用excel对文件名进行归类
2019/09/29 Python
基于Python实现扑克牌面试题
2019/12/11 Python
Jupyter notebook 远程配置及SSL加密教程
2020/04/14 Python
python多线程实现同时执行两个while循环的操作
2020/05/02 Python
如何将Pycharm中调整字体大小的方式设置为&quot;ctrl+鼠标滚轮上下滑&quot;
2020/11/17 Python
丝芙兰美国官网:SEPHORA美国
2016/08/03 全球购物
普通PHP程序员笔试题
2016/01/01 面试题
网络工程师的自我评价
2013/10/02 职场文书
企划专员岗位职责
2013/12/09 职场文书
数控个人求职信范文
2014/02/03 职场文书
应聘医药销售自荐书范文
2014/02/08 职场文书
大四自我鉴定
2014/02/08 职场文书
经济信息系毕业生自荐信
2014/06/02 职场文书
教师党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
2015年街道办事处工作总结
2015/05/22 职场文书