EL如何获取上下文参数值(附代码)

这次给大家带来EL如何获取上下文参数值(附代码),EL获取上下文参数值,的注意事项有哪些,下面就是实战案例,一起来看一下。

1. action返回参数到页面

/** * 测试js中获取后台传值 * @param model * @param req * @returnString */@RequestMapping("getValue")public String getValue(Model model, HttpServletRequest req){model.addAttribute("stringValue", "测试在js中取值...");model.addAttribute("numberValue", 111);List list = new ArrayList();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表达式获取参数值

$(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);});

登录后复制

备注:取数值型参数值,js中EL表达式不用加引号;取字符串型参数值,js中EL表达式需要加引号;对象和集合类型参数值,需要在后台用JSON.toJSONString()进行转化。

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

VUE对ElTableColumn进行扩展

在Vue中watch方法使用详解

Vue.js实现自定义登录表单

以上就是EL如何获取上下文参数值(附代码)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2766611.html

(0)
上一篇 2025年3月8日 11:23:37
下一篇 2025年3月1日 14:07:17

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 右侧带索引通讯录实现(附代码)

    这次给大家带来右侧带索引通讯录实现(附代码),右侧带索引通讯录实现的注意事项有哪些,下面就是实战案例,一起来看一下。 通过jquery.charfirst.pinyin.js实现点击字母自动定位。实现动态加载通讯录数据。 主要代码如下: 通…

    2025年3月8日 编程技术
    200
  • node结合swig渲染摸板(附代码)

    这次给大家带来node结合swig渲染摸板(附代码),node结合swig渲染摸板的注意事项有哪些,下面就是实战案例,一起来看一下。 首先当然是利用express框架在node后台上面搭建服务 var express = require(‘…

    2025年3月8日
    200
  • 怎么让页面代码分割并且按需加载

    这次给大家带来怎么让页面代码分割并且按需加载,让页面代码分割并且按需加载的注意事项有哪些,下面就是实战案例,一起来看一下。 修改配置 开发环境:webpack@v3 、react-router@v4 安装依赖: $ yarn add bab…

    2025年3月8日
    400
  • better-scroll插件使用详解(附代码)

    这次给大家带来better-scroll插件使用详解(附代码),better-scroll插件使用的注意事项有哪些,下面就是实战案例,一起来看一下。 better-scroll的使用 由于需要在一个固定的的高度做无限滚动,本来css的ove…

    编程技术 2025年3月8日
    200
  • Angular CLI蓝本生成代码

    这次给大家带来Angular CLI蓝本生成代码,Angular CLI蓝本生成代码的注意事项有哪些,下面就是实战案例,一起来看一下。 这篇文章主要是讲生成 Components, Directive, Service, class, in…

    2025年3月8日 编程技术
    200
  • Vue如何制作图片轮播组件(附代码)

    这次给大家带来Vue如何制作图片轮播组件(附代码),Vue制作图片轮播组件的注意事项有哪些,下面就是实战案例,一起来看一下。 在制作这个组件之前,笔者google了不少关于轮播的文章,发现实现一个轮播的思路虽然各有不同,但是大的逻辑其实差不…

    2025年3月8日 编程技术
    200
  • 通用无限极下拉菜单的实现代码

    这篇文章主要介绍了关于通用无限极下拉菜单的实现代码,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 下拉菜单在我开发中经常遇到,但是没个项目都需要从新编写,改起来虽然简单但是很麻烦,我这个人还是比较懒的,今天有时间把我以前的项…

    编程技术 2025年3月8日
    200
  • JS弹出窗口代码大全

    这篇文章主要介绍了关于js弹出窗口代码大全,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,平时利用业余时间整理了一些,需要的…

    编程技术 2025年3月8日
    200
  • diff算法使用详解(附代码)

    这次给大家带来diff算法使用详解(附代码),diff算法使用的注意事项有哪些,下面就是实战案例,一起来看一下。 虚拟dom diff算法首先要明确一个概念就是diff的对象是虚拟dom,更新真实dom则是diff算法的结果 Vnode基类…

    编程技术 2025年3月8日
    200
  • JS实现文件拖拽步骤详解(附代码)

    这次给大家带来JS实现文件拖拽步骤详解(附代码),JS实现文件拖拽的注意事项有哪些,下面就是实战案例,一起来看一下。 1.效果图: 2.源码 #p1 { width: 350px; height: 70px; padding: 10px; …

    2025年3月8日
    200

发表回复

登录后才能评论