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高级程序设计 读书笔记之十 本地对象Date日期
Feb 27 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
Javascript中的五种数据类型详解
Dec 26 Javascript
JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
Nov 01 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
Nov 10 Javascript
easyui导出excel无法弹出下载框的快速解决方法
Nov 10 Javascript
详解webpack和webpack-simple中如何引入css文件
Jun 28 Javascript
Bootstrap popover 实现鼠标移入移除显示隐藏功能方法
Jan 24 Javascript
vue解决弹出蒙层滑动穿透问题的方法
Sep 22 Javascript
js操作table中tr的顺序实现上移下移一行的效果
Nov 22 Javascript
JavaScript ES6箭头函数使用指南
Dec 30 Javascript
js的对象与函数详解
Jan 21 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
239军机修复记
2021/03/02 无线电
php设计模式小结
2013/02/15 PHP
Apache下禁止php文件被直接访问的解决方案
2013/04/25 PHP
8个必备的PHP功能开发
2015/10/02 PHP
PHP7 其他修改
2021/03/09 PHP
js实现Form栏显示全格式时间时钟效果代码
2015/08/19 Javascript
js运动事件函数详解
2016/10/21 Javascript
Ajax跨域实现代码(后台jsp)
2017/01/21 Javascript
详解vue-cli 脚手架项目-package.json
2017/07/04 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
2018/03/26 Javascript
基于Vue实现微信小程序的图文编辑器
2018/07/25 Javascript
vue2 设置router-view默认路径的实例
2018/09/20 Javascript
更强大的vue ssr实现预取数据的方式
2019/07/19 Javascript
Vue实现购物车实例代码两则
2020/05/30 Javascript
详解JavaScript之Array.reduce源码解读
2020/11/01 Javascript
WebPack工具运行原理及入门教程
2020/12/02 Javascript
[03:14]辉夜杯主赛事 12月25日每日之星
2015/12/26 DOTA
用python实现英文字母和相应序数转换的方法
2019/09/18 Python
python list多级排序知识点总结
2019/10/23 Python
python中的逆序遍历实例
2019/12/25 Python
Pytorch 实现sobel算子的卷积操作详解
2020/01/10 Python
Python Mock模块原理及使用方法详解
2020/07/07 Python
Python连接mysql方法及常用参数
2020/09/01 Python
利用 CSS3 实现的无缝轮播功能代码
2017/09/25 HTML / CSS
CSS3 实现童年的纸飞机
2019/05/05 HTML / CSS
HTML5 Canvas的性能提高技巧经验分享
2013/07/02 HTML / CSS
兰芝美国网上商城:购买LANEIGE睡眠面膜等
2017/06/30 全球购物
美国顶级水上运动专业店:Marine Products
2018/04/15 全球购物
20世纪40年代连衣裙和复古服装:The Seamstress Of Bloomsbury
2018/07/24 全球购物
预备党员党校学习自我评价分享
2013/11/12 职场文书
电子商务专业推荐信范文
2013/12/02 职场文书
新品发布会策划方案
2014/06/08 职场文书
社区灵活就业证明
2014/11/03 职场文书
婚庆司仪开场白
2015/05/29 职场文书
给numpy.array增加维度的超简单方法
2021/06/02 Python
微信小程序纯CSS实现无限弹幕滚动效果
2022/09/23 HTML / CSS