JS中EL表达式获取相关元素参数

这次给大家带来JS中EL表达式获取相关元素参数,JS中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()进行转化。

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

推荐阅读:

前端如何向后台传送Json数据

Koa2做出文件上传下载功能

以上就是JS中EL表达式获取相关元素参数的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月8日 10:47:12
下一篇 2025年3月8日 10:47:21

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

相关推荐

  • JS左边列表转移右边

    这次给大家带来JS左边列表转移右边,JS左边列表转移右边的注意事项有哪些,下面就是实战案例,一起来看一下。 实现功能: 1.左边的下拉框内容添加到右边的下拉框,支持多选移动,且同时将右边的下拉框对象移除; 2.支持列表中项目上下位置的移动;…

    2025年3月8日
    000
  • js获取ModelAndView后如何使用

    这次给大家带来js获取ModelAndView后如何使用,js获取ModelAndView使用的注意事项有哪些,下面就是实战案例,一起来看一下。 1 方法一 【有效】 可以的,跟el表达式访问方式一样。 示例代码,一个数据展示请求的Acti…

    编程技术 2025年3月8日
    200
  • jQuery读取json数据并排序

    这次给大家带来jQuery读取json数据并排序,jQuery读取json数据并排序的注意事项有哪些,下面就是实战案例,一起来看一下。 $.ajax({ url: ‘data.json’,//获取本地json数据,在同文件夹下 type: …

    编程技术 2025年3月8日
    200
  • Angularjs让控制器之间相互通信(附代码)

    这次给大家带来Angularjs让控制器之间相互通信(附代码),Angularjs让控制器之间相互通信的注意事项有哪些,下面就是实战案例,一起来看一下。 利用angularjs开发项目中,控制器之间的通信,比如参数的传递,数据的传递,都是比…

    编程技术 2025年3月8日
    200
  • nodejs自定义命令行工具

    这次给大家带来nodejs自定义命令行工具,nodejs自定义命令行工具的注意事项有哪些,下面就是实战案例,一起来看一下。 一、实现一个简单的功能 二、环境 1.系统: window 10 2.注意事项: vscode3.node版本: 8…

    2025年3月8日
    200
  • js构建二叉树数组去重与优化步骤详解

    这次给大家带来js构建二叉树数组去重与优化步骤详解,js构建二叉树数组去重与优化的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 本文主要介绍了关于js构建二叉树进行数值数组的去重与优化的相关内容,分享出来供大家参考学习,下面话不多…

    编程技术 2025年3月8日
    200
  • JS怎样操作红黑树

    这次给大家带来JS怎样操作红黑树,JS操作红黑树的注意事项有哪些,下面就是实战案例,一起来看一下。 红黑树的性质 一棵满足以下性质的二叉搜索树是一棵红黑树 每个结点或是黑色或是红色。 根结点是黑色的。 每个叶结点(NIL)是黑色的。 如果一…

    2025年3月8日 编程技术
    200
  • js实现滑动拼图验证效果(附代码)

    这次给大家带来js实现滑动拼图验证效果(附代码),js实现滑动拼图验证效果的注意事项有哪些,下面就是实战案例,一起来看一下。   上图为网易云盾的滑动拼图验证码,其应该有一个专门的图片库,裁剪的位置是固定的。我的想法是,随机生成图片,随机生…

    2025年3月8日 编程技术
    200
  • v-show添加表达式步骤详解

    这次给大家带来v-show添加表达式步骤详解,v-show添加表达式的注意事项有哪些,下面就是实战案例,一起来看一下。 一、需求场景 1、先来说说我的需求,有数据来源和标签类型两行选项,如下图所示: 2、根据需求,我需要在点击上面的某个数据…

    2025年3月8日
    200
  • JS实现鼠标触发悬浮层效果

    这次给大家带来JS实现鼠标触发悬浮层效果,JS实现鼠标触发悬浮层效果的注意事项有哪些,下面就是实战案例,一起来看一下。 在人人,CSDN等一些网站,当鼠标在某个东西上悬浮时,会弹出一个悬浮层,鼠标移开悬浮层消失。 比如说CSDN的通知(应该…

    2025年3月8日
    200

发表回复

登录后才能评论