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实现简单的数字倒计时
May 15 Javascript
自己动手写的jquery分页控件(非常简单实用)
Oct 28 Javascript
深入理解JavaScript单体内置对象
Jun 06 Javascript
AngularJS基础 ng-include 指令简单示例
Aug 01 Javascript
JavaScript 是什么意思
Sep 22 Javascript
JS正则表达式完美实现身份证校验功能
Oct 18 Javascript
JS+CSS实现网页加载中的动画效果
Oct 27 Javascript
微信小程序scroll-view实现字幕滚动
Jul 14 Javascript
JavaScript学习笔记之DOM操作实例分析
Jan 08 Javascript
js module大战
Apr 19 Javascript
微信小程序动态添加view组件的实例代码
May 23 Javascript
element-ui如何防止重复提交的方法步骤
Dec 09 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单态设计模式(单例模式)实例
2014/11/18 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
漂亮的仿flash菜单,来自蓝色经典
2006/06/26 Javascript
关于Blog顶部的滚动导航条代码
2006/09/25 Javascript
jquery 如何动态添加、删除class样式方法介绍
2012/11/07 Javascript
Javascript排序算法之计数排序的实例
2014/04/05 Javascript
js获取ajax返回值代码
2014/04/30 Javascript
nodejs获取本机内网和外网ip地址的实现代码
2014/06/01 NodeJs
浅谈javascript 迭代方法
2015/01/21 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
2015/11/24 Javascript
jQuery实现用户输入自动完成功能
2017/02/13 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
2017/03/06 Javascript
详解vue跨组件通信的几种方法
2017/06/15 Javascript
javaScript中的空值和假值
2017/12/18 Javascript
JS构造一个html文本内容成文件流形式发送到后台
2018/07/31 Javascript
使用vue制作滑动标签
2019/09/21 Javascript
[56:20]LGD vs VP Supermajor 败者组决赛 BO3 第三场 6.10
2018/07/04 DOTA
Python读取Excel的方法实例分析
2015/07/11 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
python实现各种插值法(数值分析)
2019/07/30 Python
Python的互斥锁与信号量详解
2019/09/12 Python
Django自定义全局403、404、500错误页面的示例代码
2020/03/08 Python
从0到1使用python开发一个半自动答题小程序的实现
2020/05/12 Python
一款纯css3实现的鼠标经过按钮特效教程
2014/11/09 HTML / CSS
Timberland俄罗斯官方网上商店:全球领先的户外品牌
2020/03/15 全球购物
亚洲在线旅行门户网站:Expedia.com.hk(智游网)
2020/04/14 全球购物
叙述DBMS对数据控制功能有哪些
2016/06/12 面试题
J2EE面试题
2016/03/14 面试题
行政经理的岗位职责
2013/11/23 职场文书
党的群众路线教育实践活动对照检查材料(教师)
2014/09/24 职场文书
大学毕业生自我评价
2015/03/02 职场文书
药品销售内勤岗位职责
2015/04/13 职场文书
关于国庆节的广播稿
2015/08/19 职场文书
JVM入门之类加载与字节码技术(类加载与类的加载器)
2021/06/15 Java/Android
node.js如何自定义实现一个EventEmitter
2021/07/16 Javascript
Python基础数据类型tuple元组的概念与用法
2021/08/02 Python