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 相关文章推荐
你的编程语言可以这样做吗?
Sep 07 Javascript
js几个验证函数代码
Mar 25 Javascript
MultiSelect左右选择控件的设计与实现介绍
Jun 08 Javascript
jQuery标签替换函数replaceWith()的使用例子
Aug 28 Javascript
基于jquery实现的树形菜单效果代码
Sep 06 Javascript
Bootstrap carousel轮转图的使用实例详解
May 17 Javascript
JavaScript实现输入框与清空按钮联动效果
Sep 09 Javascript
详解使用JS如何制作简单的ASCII图与单极图
Mar 31 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
Apr 27 jQuery
微信小程序导航栏滑动定位功能示例(实现CSS3的positionsticky效果)
Jan 24 Javascript
laravel实现中文和英语互相切换的例子
Sep 30 Javascript
浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用
Mar 08 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 和 XML: 使用expat函数(三)
2006/10/09 PHP
在PHP中操作Excel实例代码
2010/04/29 PHP
理解php原理的opcodes(操作码)
2010/10/26 PHP
教你如何快捷的使用cmd访问mysql小技巧
2014/05/26 PHP
php版交通银行网银支付接口开发入门教程
2016/09/26 PHP
use jscript with List Proxy Server Information
2007/06/11 Javascript
Javascript Jquery 遍历Json的实现代码
2010/03/31 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
2012/12/21 Javascript
javascript中RegExp保留小数点后几位数的方法分享
2013/08/13 Javascript
jquery仿搜索自动联想功能代码
2014/05/23 Javascript
在AngularJS应用中实现一些动画效果的代码
2015/06/18 Javascript
基于React.js实现原生js拖拽效果引发的思考
2016/03/30 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
2016/07/25 Javascript
AngularJS基础 ng-focus 指令简单示例
2016/08/01 Javascript
vue-router 学习快速入门
2017/03/01 Javascript
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
2017/09/06 Javascript
web前端vue filter 过滤器
2018/01/12 Javascript
redux-saga 初识和使用
2018/03/10 Javascript
分享5个顶级的JavaScript Ajax组件库
2018/09/16 Javascript
VUE搭建手机商城心得和遇到的坑
2019/02/21 Javascript
python使用xauth方式登录饭否网然后发消息
2014/04/11 Python
利用Python实现图书超期提醒
2016/08/02 Python
git使用.gitignore设置不生效或不起作用问题的解决方法
2017/06/01 Python
python使用opencv在Windows下调用摄像头实现解析
2019/11/26 Python
Python 实现网课实时监控自动签到、打卡功能
2020/03/12 Python
整理HTML5中表单的常用属性及新属性
2016/02/19 HTML / CSS
中国专业的综合网上购物商城:京东
2016/08/02 全球购物
从当地商店送来的杂货:Instacart
2018/08/19 全球购物
欧洲领先的火车票和大巴票预订平台:Trainline
2018/12/26 全球购物
介绍一下Linux文件的记录形式
2012/04/18 面试题
2014感恩节演讲稿大全
2014/10/11 职场文书
教师批评与自我批评(群众路线)
2014/10/15 职场文书
平安建设汇报材料
2014/12/29 职场文书
详解Python小数据池和代码块缓存机制
2021/04/07 Python
mysql联合索引的使用规则
2021/06/23 MySQL
MySQL query_cache_type 参数与使用详解
2021/07/01 MySQL