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中的算法与数据结构之字典(Dictionary)实例详解

    JS中的算法与数据结构之字典(Dictionary)实例详解

    这篇文章主要介绍了JS中的算法与数据结构之字典(Dictionary),结合实例形式详细分析了javascript数据结构中字典的概念、原理、定义与常见使用方法,需要的朋友可以参考下
    2019-08-08
  • JS监听变量改变的实现

    JS监听变量改变的实现

    本文主要介绍了JS监听变量改变的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • 如何使用JS中的webWorker

    如何使用JS中的webWorker

    作为浏览器脚本语言,如果JavaScript不是单线程,那么就有点棘手了。比如,与用户交互或者对DOM进行操作时,在一个线程上修改某个DOM,另外的线程删除DOM,这时浏览器该如何抉择呢?
    2021-05-05
  • 今天是星期几的4种JS代码写法

    今天是星期几的4种JS代码写法

    这篇文章介绍了今天是星期几的4种JS代码写法,有需要的朋友可以参考一下
    2013-09-09
  • JavaScript实现类似淘宝的购物车效果

    JavaScript实现类似淘宝的购物车效果

    这篇文章主要介绍了JavaScript实现购物车特效的相关资料,文中通过示例代码详细介绍了,利用Javascript如何实现类似淘宝购物车中商品的单选、全选、删除、修改等功能,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-03-03
  • Bootstrap CSS布局之列表

    Bootstrap CSS布局之列表

    这篇文章主要为大家详细介绍了Bootstrap CSS布局之列表的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 如何丰富alt属性的显示效果

    如何丰富alt属性的显示效果

    如何丰富alt属性的显示效果...
    2007-01-01
  • IE9+已经不对document.createElement向下兼容的解决方法

    IE9+已经不对document.createElement向下兼容的解决方法

    这篇文章主要介绍了IE9+已经不对document.createElement向下兼容的解决方法,需要的朋友可以参考下
    2015-09-09
  • javascript 面向对象实战思想分享

    javascript 面向对象实战思想分享

    万物皆对象,所以,任何事物都是有特征(属性)和动作(方法)的,一般拿到一份需求分档,或者你浏览一个网页看到一个画面的时候,脑子里就要有提炼出来的属性和方法的能力,那你才是合格的
    2017-09-09
  • 精通Javascript系列之数据类型 字符串

    精通Javascript系列之数据类型 字符串

    下面先讲一下字符串String字符串由零个或者多个字符构成。字符可以包括字母、数字、标点符号和空格。
    2011-06-06

最新评论