JS中用EL表达式获取上下文参数值的方法

 更新时间:2018年03月28日 10:17:11   作者:gsmiao  
下面小编就为大家分享一篇JS中用EL表达式获取上下文参数值的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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表达式获取上下文参数值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 浅谈js的解析顺序 作用域 严格模式

    浅谈js的解析顺序 作用域 严格模式

    下面小编就为大家带来一篇浅谈js的解析顺序 作用域 严格模式。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • JS版元素周期表实现方法

    JS版元素周期表实现方法

    这篇文章主要介绍了JS版元素周期表实现方法,可实现基于javascript动态生成元素周期表的功能,点击元素项可以在下方显示对应元素的各种常用属性,需要的朋友可以参考下
    2015-08-08
  • 浅谈JavaScript的push(),pop(),concat()方法

    浅谈JavaScript的push(),pop(),concat()方法

    下面小编就为大家带来一篇浅谈JavaScript的push(),pop(),concat()方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • JavaScript实现烟花和福字特效

    JavaScript实现烟花和福字特效

    这篇文章主要介绍了利用JavaScript实现放烟花特效和用字符“$”绘制“福”字,文中的示例代码简洁易懂,感兴趣的小伙伴可以学习一下
    2022-01-01
  • 小程序实现搜索框功能

    小程序实现搜索框功能

    这篇文章主要为大家详细介绍了小程序实现搜索框功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • Bootstrap实现带暂停功能的轮播组件(推荐)

    Bootstrap实现带暂停功能的轮播组件(推荐)

    最近小编在项目中用到了一款带轮播组件,功能非常齐全,可以设置各种标题样式、动画效果、轮播时间、开始暂停等功能,下面小编通过本文给大家详细介绍下实现过程,需要的朋友参考下吧
    2016-11-11
  • JavaScript语句错误throw、try及catch实例解析

    JavaScript语句错误throw、try及catch实例解析

    这篇文章主要介绍了JavaScript语句错误throw、try及catch实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-08-08
  • 浅析微信小程序自定义日历组件及flex布局最后一行对齐问题

    浅析微信小程序自定义日历组件及flex布局最后一行对齐问题

    这篇文章主要介绍了微信小程序自定义日历组件及flex布局最后一行对齐问题,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-10-10
  • JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML

    JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML

    虽然XML和DOM已经变成Web开发的重要组成部分,但目前仅IE跟Mozilla支持客户端的XML处理
    2012-09-09
  • Javascript验证方法大全

    Javascript验证方法大全

    这篇文章是集合了Javascript所有表单验证方法,非常全面,感兴趣的小伙伴们可以参考一下
    2015-09-09

最新评论