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代码
Nov 10 Javascript
HTML中事件触发列表与解说
Jul 09 Javascript
动态创建的表格单元格中的事件实现代码
Dec 30 Javascript
有关jQuery中parent()和siblings()的小问题
Jun 01 Javascript
AnjularJS中$scope和$rootScope的区别小结
Sep 18 Javascript
vue页面使用阿里oss上传功能的实例(一)
Aug 09 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
Mar 08 Javascript
在vue中更换字体,本地存储字体非引用在线字体库的方法
Sep 28 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
Oct 24 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
Nov 12 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
Jun 16 Javascript
简单谈谈offsetleft、offsetTop和offsetParent
Dec 04 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
wordpress自定义url参数实现路由功能的代码示例
2013/11/28 PHP
Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解
2017/10/11 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
jQuery Ajax之load()方法
2009/10/12 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
2011/08/28 Javascript
javascript的事件触发器介绍的实现
2014/06/05 Javascript
javascript实现无限级select联动菜单
2015/01/02 Javascript
angular简介和其特点介绍
2015/01/29 Javascript
快速掌握Node.js模块封装及使用
2016/03/21 Javascript
JS动态插入并立即执行回调函数的方法
2016/04/21 Javascript
在web中js实现类似excel的表格控件
2016/09/01 Javascript
jQuery实现右键菜单、遮罩等效果代码
2016/09/27 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
2019/12/20 jQuery
Vue组件跨层级获取组件操作
2020/07/27 Javascript
iview实现动态表单和自定义验证时间段重叠
2021/01/10 Javascript
Python的Django框架使用入门指引
2015/04/15 Python
python timestamp和datetime之间转换详解
2017/12/11 Python
python opencv设置摄像头分辨率以及各个参数的方法
2018/04/02 Python
Python实现爬虫设置代理IP和伪装成浏览器的方法分享
2018/05/07 Python
python实现两个一维列表合并成一个二维列表
2019/12/02 Python
使用pandas的box_plot去除异常值
2019/12/10 Python
使用Python将Exception异常错误堆栈信息写入日志文件
2020/04/08 Python
Python3爬虫关于识别检验滑动验证码的实例
2020/07/30 Python
PyCharm vs VSCode,作为python开发者,你更倾向哪种IDE呢?
2020/08/17 Python
Python 必须了解的5种高级特征
2020/09/10 Python
css3个性化字体_动力节点Java学院整理
2017/07/12 HTML / CSS
ALDI奥乐齐官方海外旗舰店:德国百年超市
2017/12/27 全球购物
美国珠宝精品店:Opulent Jewelers
2019/08/20 全球购物
对象的序列化(serialization)类是面向流的,应如何将对象写入到随机存取文件中
2015/06/22 面试题
应聘医学检验人员自荐信
2013/09/27 职场文书
护理自荐信范文
2013/10/05 职场文书
竟聘演讲稿范文
2013/12/31 职场文书
大学社团活动策划书
2014/01/26 职场文书
优秀少先队员事迹材料
2014/12/24 职场文书
参观监狱警示教育心得体会
2016/01/15 职场文书
Python实现对齐打印 format函数的用法
2022/04/28 Python