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 实现??打印?理
Apr 28 Javascript
js跨域和ajax 跨域问题的实现思路
Sep 05 Javascript
Jquery通过Ajax方式来提交Form表单的具体实现
Nov 07 Javascript
jQuery插件分享之分页插件jqPagination
Jun 06 Javascript
jquery让返回的内容显示在特定div里(代码少而精悍)
Jun 23 Javascript
检测一个函数是否是JavaScript原生函数的小技巧
Mar 13 Javascript
纯javascript实现简单下拉刷新功能
Mar 13 Javascript
js对象浅拷贝和深拷贝详解
Sep 05 Javascript
通过JS获取Request.QueryString()参数的值实现方法
Sep 27 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
Dec 20 Javascript
浅谈Angular7 项目开发总结
Dec 19 Javascript
Node实现搜索框进行模糊查询
Jun 28 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
不用GD库生成当前时间的PNG格式图象的程序
2006/10/09 PHP
在PHP中使用curl_init函数的说明
2010/11/02 PHP
在SAE上搭建最新wordpress的方法
2014/12/21 PHP
PHP 常用的header头部定义汇总
2015/06/19 PHP
编写PHP程序检查字符串中的中文字符个数的实例分享
2016/03/17 PHP
PHP实现可添加水印与生成缩略图的图片处理工具类
2018/01/16 PHP
ThinkPHP5框架缓存查询操作分析
2018/05/30 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
Javascript Object.extend
2010/05/18 Javascript
JQuery结合CSS操作打印样式的方法
2013/12/24 Javascript
js window.onload 加载多个函数和追加函数详解
2014/01/08 Javascript
js中取得变量绝对值的方法
2015/01/03 Javascript
举例简介AngularJS的内部语言环境
2015/06/17 Javascript
jquery判断输入密码两次是否相等
2020/04/22 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
2016/01/27 Javascript
jQuery 如何实现一个滑动按钮开关
2016/12/01 Javascript
浅谈Angular.js中使用$watch监听模型变化
2017/01/10 Javascript
微信小程序与php 实现微信支付的简单实例
2017/06/23 Javascript
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
2018/02/14 Javascript
详解vue-router的导航钩子(导航守卫)
2020/11/02 Javascript
typescript编写微信小程序创建项目的方法
2021/01/29 Javascript
python自动化测试实例解析
2014/09/28 Python
详细探究Python中的字典容器
2015/04/14 Python
python多线程socket编程之多客户端接入
2017/09/12 Python
一道python走迷宫算法题
2018/01/22 Python
使用EduBlock轻松学习Python编程
2018/10/08 Python
利用ctypes获取numpy数组的指针方法
2019/02/12 Python
Python通过字典映射函数实现switch
2020/11/06 Python
python 制作网站小说下载器
2021/02/20 Python
纯CSS3代码实现switch滑动开关按钮效果
2016/08/30 HTML / CSS
阿联酋最好的手机、电子产品和家用电器网上商店:Eros Digital Home
2020/08/09 全球购物
小区门卫岗位职责
2013/12/31 职场文书
名企HR怎样看待求职信
2014/02/23 职场文书
优秀驾驶员先进事迹材料
2014/05/04 职场文书
在Windows Server 2012上安装 .NET Framework 3.5 所遇到的问题
2022/04/29 Servers
CSS实现背景图片全屏铺满自适应的3种方式
2022/07/07 HTML / CSS