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各种验证文本框输入格式(正则表达式)
Oct 22 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
Oct 27 Javascript
快速查找数组中的某个元素并返回下标示例
Sep 03 Javascript
js+CSS实现弹出居中背景半透明div层的方法
Feb 26 Javascript
js实现汉字排序的方法
Jul 23 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
Jun 17 Javascript
Bootstrap零基础入门教程(三)
Jul 18 Javascript
关于JavaScript中事件绑定的方法总结
Oct 26 Javascript
js实现微博发布小功能
Jan 12 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
Jul 13 Javascript
浅谈基于Vue.js的移动组件库cube-ui
Dec 20 Javascript
Vuejs开发环境搭建及热更新【推荐】
Sep 07 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下正则来匹配dede模板标签的代码
2010/08/21 PHP
php判断上传的Excel文件中是否有图片及PHPExcel库认识
2013/01/11 PHP
如何使用php输出时间格式
2013/08/31 PHP
php防止站外远程提交表单的方法
2014/10/20 PHP
Yii2框架使用计划任务的方法
2016/05/25 PHP
addEventListener和attachEvent二者绑定的执行函数中的this不相同
2012/12/09 Javascript
javascript 日期时间 转换的方法
2013/02/21 Javascript
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
2014/01/07 Javascript
javascript创建createXmlHttpRequest对象示例代码
2014/02/10 Javascript
实现前后端数据交互方法汇总
2015/04/07 Javascript
Bootstrap实现默认导航栏效果
2020/09/21 Javascript
Angular.js如何从PHP读取后台数据
2016/03/24 Javascript
JS简单实现浮动窗口效果示例
2016/09/07 Javascript
JavaScript调试之console.log调试的一个小技巧分享
2017/08/07 Javascript
Angular实现点击按钮控制隐藏和显示功能示例
2017/12/29 Javascript
微信小程序自定义对话框弹出和隐藏动画
2018/07/19 Javascript
TypeScript中的方法重载详解
2019/04/12 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
2020/02/07 Javascript
Javascript异步执行不按顺序解决方案
2020/04/30 Javascript
微信小程序实现购物车功能
2020/11/18 Javascript
[01:02:25]2014 DOTA2华西杯精英邀请赛5 24 NewBee VS VG
2014/05/25 DOTA
[41:56]Spirit vs Liquid Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
Python和JavaScript间代码转换的4个工具
2016/02/22 Python
Python探索之Metaclass初步了解
2017/10/28 Python
使用Python写一个小游戏
2018/04/02 Python
Python这样操作能存储100多万行的xlsx文件
2019/04/16 Python
Django项目创建到启动详解(最全最详细)
2019/09/07 Python
使用keras实现Precise, Recall, F1-socre方式
2020/06/15 Python
使用CSS3实现input多选框自定义样式的方法示例
2019/07/19 HTML / CSS
轻松制作精彩视频:Animoto
2018/09/19 全球购物
编码转换,怎样实现将GB2312编码的字符串转换为ISO-8859-1编码的字符串
2014/01/07 面试题
致200米运动员广播稿
2014/02/06 职场文书
《跨越海峡的生命桥》教学反思
2014/02/24 职场文书
2014会计年终工作总结
2014/12/20 职场文书
买卖合同纠纷代理词
2015/05/25 职场文书
Python图片处理之图片裁剪教程
2021/05/27 Python