

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()进行转化。
相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
推荐阅读:
前端如何向后台传送Json数据
Koa2做出文件上传下载功能
