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 网页水印(非图片水印)实现代码
Mar 01 Javascript
纯JavaScript实现的完美渐变弹出层效果代码
Apr 02 Javascript
js实现身份证号码验证的简单实例
Feb 19 Javascript
js实现Select头像选择实时预览代码
Aug 17 Javascript
省市二级联动小案例讲解
Jul 24 Javascript
ES6新数据结构Map功能与用法示例
Mar 31 Javascript
js学习总结_选项卡封装(实例讲解)
Jul 13 Javascript
解决js ajax同步请求造成浏览器假死的问题
Jan 18 Javascript
JavaScript实现短暂提示框功能
Apr 04 Javascript
vue中render函数的使用详解
Oct 12 Javascript
vue实现直播间点赞飘心效果的示例代码
Sep 20 Javascript
Vue中函数防抖节流的理解及应用实现
Apr 24 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编写的导航条程序
2006/10/09 PHP
PHP和Mysqlweb应用开发核心技术 第1部分 Php基础-1 开始了解php
2011/07/03 PHP
ThinkPHP3.1新特性之字段合法性检测详解
2014/06/19 PHP
yii实现创建验证码实例解析
2014/07/31 PHP
php基于Fleaphp框架实现cvs数据导入MySQL的方法
2016/02/23 PHP
php metaphone()函数及php localeconv() 函数实例解析
2016/05/15 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
微信公众平台开发教程⑤ 微信扫码支付模式介绍
2019/04/10 PHP
encode脚本和normal脚本混用的问题与解决方法
2007/03/08 Javascript
jQuery 使用手册(五)
2009/09/23 Javascript
JavaScript学习笔记(一) js基本语法
2011/10/25 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
2015/05/03 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
2015/08/31 Javascript
javascript实现对表格元素进行排序操作
2015/11/18 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
2016/05/24 Javascript
jQuery解析XML 详解及方法总结
2016/09/28 Javascript
Node.js 数据加密传输浅析
2016/11/16 Javascript
nodejs前端自动化构建环境的搭建
2017/07/26 NodeJs
浅谈vue-router2路由参数注意的问题
2017/11/08 Javascript
vue中defineProperty和Proxy的区别详解
2020/11/30 Vue.js
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
2021/03/01 Vue.js
[01:19:23]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第二场
2018/04/06 DOTA
简单介绍Python中的floor()方法
2015/05/15 Python
python使用mysql数据库示例代码
2017/05/21 Python
Tensorflow的可视化工具Tensorboard的初步使用详解
2018/02/11 Python
python 实现Flask中返回图片流给前端展示
2020/01/09 Python
美国大尺码女装零售商:TORRID
2016/10/01 全球购物
亚马逊墨西哥站:Amazon.com.mx
2018/08/26 全球购物
Book Depository欧盟:一家领先的国际图书零售商
2019/05/21 全球购物
编写一个 C 函数,该函数在一个字符串中找到可能的最长的子字符串,且该字符串是由同一字符组成的
2015/07/23 面试题
外联部演讲稿
2014/05/24 职场文书
计划生育工作总结2015
2015/04/03 职场文书
企业百日安全活动总结
2015/05/07 职场文书
农村婚庆主持词
2015/06/29 职场文书
Python制作一个随机抽奖小工具的实现
2021/07/07 Python