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 相关文章推荐
Node.js实现在目录中查找某个字符串及所在文件
Sep 03 Javascript
再探JavaScript作用域
Sep 24 Javascript
jquery处理json对象
Nov 03 Javascript
jQuery往textarea中光标所在位置插入文本的方法
Jun 26 Javascript
基于javascript实现页面加载loading效果
Sep 15 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
Aug 02 Javascript
jQuery序列化表单成对象的简单实现
Nov 29 Javascript
js中setTimeout的妙用--防止循环超时
Mar 06 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
Sep 12 Javascript
浅谈JavaScript中的属性:如何遍历属性
Sep 14 Javascript
微信小游戏之使用three.js 绘制一个旋转的三角形
Jun 10 Javascript
layui 实现表单和文件上传一起传到后台的例子
Sep 16 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
2020年4月放送!《Princess Connect Re:Dive》制作组 & 角色声优公开!
2020/03/06 日漫
SONY SRF-22W(33W)的电路分析和维修案例
2021/03/02 无线电
PHP实现二叉树的深度优先与广度优先遍历方法
2015/09/28 PHP
php分页查询mysql结果的base64处理方法示例
2017/05/18 PHP
Laravel框架中队列和工作(Queues、Jobs)操作实例详解
2020/04/06 PHP
如何实现浏览器上的右键菜单
2006/07/10 Javascript
一个原生的用户等级的进度条
2010/07/03 Javascript
深入理解JavaScript作用域和作用域链
2011/10/21 Javascript
基于jQuery实现仿淘宝套餐选择插件
2015/03/04 Javascript
JavaScript中连接操作Oracle数据库实例
2015/04/02 Javascript
正则表达式替换html元素属性的方法
2016/11/26 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
2016/12/02 Javascript
JS焦点图,JS 多个页面放多个焦点图的实例
2016/12/08 Javascript
ES6中Class类的静态方法实例小结
2017/10/28 Javascript
利用10行js代码实现上下滚动公告效果
2017/12/08 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
2018/07/21 Javascript
js实现金山打字通小游戏
2020/07/24 Javascript
vue+iview使用树形控件的具体使用
2020/11/02 Javascript
python 正则表达式 概述及常用字符
2009/05/04 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
python实现局域网内实时通信代码
2019/12/22 Python
python多线程实现代码(模拟银行服务操作流程)
2020/01/13 Python
用python打开摄像头并把图像传回qq邮箱(Pyinstaller打包)
2020/05/17 Python
解决HTML5手机端页面缩放的问题
2017/10/27 HTML / CSS
西班牙英格列斯百货法国官网:El Corte Inglés法国
2017/07/09 全球购物
当我正在为表建立索引的时候,SQL Server 会禁止对表的访问吗
2014/04/28 面试题
实习鉴定范文
2013/12/19 职场文书
廉洁使者实施方案
2014/03/29 职场文书
创业融资计划书
2014/04/25 职场文书
工作鉴定评语
2014/05/04 职场文书
2014党的群众路线教育实践活动学习心得体会
2014/10/31 职场文书
夏洛特的网观后感
2015/06/15 职场文书
2016年3月份红领巾广播稿
2015/12/21 职场文书
4种非常实用的python内置数据结构
2021/04/28 Python
python基础入门之普通操作与函数(三)
2021/06/13 Python
MySQL限制查询和数据排序介绍
2022/03/25 MySQL