后台获得集合，变成json字符串，放到EL表达式，js进行获取遍历

最新推荐文章于 2023-02-27 17:08:41 发布

转载最新推荐文章于 2023-02-27 17:08:41 发布 · 832 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/weiloong/p/4870881.html

收录于

当前文章被以下社区和专栏收录：

本文介绍了一种将集合转换为JSON字符串的方法，并演示了如何在前端使用jQuery和$.each函数来遍历和解析JSON数据。该过程涉及使用Java的JSONArray类将集合转化为JSON格式，然后在前端通过jQuery.parseJSON函数将JSON字符串转换为JavaScript对象。

//把集合编程json字符串，放到el表达式
JSONArray array = new JSONArray();
JSONArray fromObject = array.fromObject(arrayList);

//前台js获得el表达式中的值，进行遍历json串
     var partList = jQuery.parseJSON( '${partObject}');
             $.each(list,function(key,value){
			 alert(value);
	     });

转载于:https://www.cnblogs.com/weiloong/p/4870881.html

标签

#json #java #javascript #ViewUI

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ang2663956

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

使用EL表达式取集合中的数据

02-26

使用EL表达式取集合中的数据时，需要配合JSTL才能实现。使用JSTL需要: 1）导入jstl.jar和standard.jar两个包 2）<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>

js实现将json数组显示前台table中

11-28

在最近的学习中遇到一个小问题，如何把JSON数组显示在前台的table中，经过一番借鉴和学习之后终于解决了这个问题。具体的代码如下：（前提：利用ajax获取过来的JSON字符串必须是规范的，这样才能解析正确。后台获取数据库中数据的代码省略了） 1、前台JS代码（使用之前引入JQuery的js库文件） $.ajax({ type: "GET", url: "UserList.ashx?Action=List",//利用ajax请求后台的并返回值 // data: "json", success: function (result) {//result为后台返回的值,是json字符串的

参与评论您还未登录，请先登录后发表或查看评论

EL表达式、JSTL、lombok、JSON

qq_45422159的博客

02-27

548

EL表达式、JSTL、lombok、JSON

el表达式获取数据

jjkang的博客

01-29

1729

el表达式获取数据的语法为 ${标识符} 在执行过程中，会调用pageContext.findAttribu（）方法，此方法会在page，request，session，application四个域中查找，如果找不到则返回“”

关于EL表达式中requestScope和param区别

热门推荐

lioncode的专栏

11-06

1万+

关于EL表达式中requestScope和param区别今天演示EL表达式的时候发现自己jsp的基础实在是薄弱，在这个很简单的问题上迷惑了很久。首先在看遇到的问题：在浏览器地址输入，表示传入一个参数test，值为123 http://localhost:8888/Test/index.jsp?test=123 在index.jsp中尝试使用EL表

案例4.2.3 JSON文件的数据抽取

qq_54195994的博客

11-17

178

1.打开Kettle工具，创建转换2.配置JSON input 3.配置表输出 4.运行转换 5.查看数据

EL表达式怎么取出session里保存的值

tfy1332的专栏

04-04

6815

${sessionScope.xxxooo} 参考： (1)、${pageContext} 获取到 pageContext 对象，它不是在四个域里面去找，而是先在自己定义的对象中找，如果找到了就取出来。 (2)、${pageScope} 得到的是 page 域 (pageContext) 中保存数据的 Map集合。也就是指定在 page 域中查找。 (3)、${requestSco

json和el表达式的注意点

gebinlong250的博客

10-24

3533

1、el表达式里不能放js变量，所以需要循环遍历el表达式的集合，在<script>标签外用<c:forEach>遍历，赋给另一个数组。<script type="text/javascript"> var ids = new Array(); var names = new Array(); </script> <c:forEach items="${lis

el表达式循环遍历数组,list和json

这个博客记录我的成长。(专注前端开发，ehcarts图表开发，接定制)，有需要请站内私信。

09-19

8726

el表达式循环遍历数组,list和json 后台用的mvc，返回了一个map，map里面有数组和json,我在前台用${“数组‘}时打印出来是一个好像内存地址的东西，没有办法像用ajax那样，直接可以便利循环，后来查阅了一些网上大家说的办法发现，，原来jsp中，js中居然可以写c标签。。。真是第一次知道。。上代码 //"${factor}" 就是map中的一个数组循环数组 var fa...

Java后台与js前端之间的通信问题

m0_37952284的博客

09-17

4601

今天写代码遇到一个问题，就是需要在js中获取后台传过来的list集合，还需要对list进行遍历获取里面的对象，首先想到的是将list绑定到request对象上转发到前端，然后用EL表达式直接获取该list集合，可是遍历该list出问题了，因为此时list已经不是集合了，而是字符串，对字符串遍历只能得到单个字符，没法获取里面存储的对象，所以这条路走不通。然后想到了先将数据传到JSP中，用jstl

V取出json字符串中的数据，渲染到el-table中

Liuliu_x的博客

04-28

4010

入门小白，记录自己日常遇到的问题，如有不对，欢迎指点！！！ {"deviceDataType":"number","body":{"on":1,"off":0}} 有如上字符串，需要取出body中的值，然后放进el-table中首先定义一个map用于接收json字符串 var map = JSON.parse(data); 然后取出body，map.body即可取出取出之后使用forEach循环进行赋值，代码如下 Object.keys(map.body).forEach(v =>

Ajax使用JSON将对象、集合传递给后台的方式（用于同时对多个对象进行修改）

qq_37718197的博客

01-08

6091

在项目上用到了批量删除与批量更改状态，在前台可以获取每条数据的ID，并更改对应信息，但是如何通过数组方式传递给后台？经过实际操作终于找到可行的方法，写文档做备忘，以便下次使用。 HTML前台代码： //使用C标签记得导taglib "c" uri="http://java.sun.com/jsp/jstl/core"%> //在后台获取初始值后使用EL表达式和c:foreach循环输出

JavaWeb之AJAX，JSON，EL表达式，JSTL，JSP

qq_43652793的博客

09-16

839

AJAX： 1. 概念： ASynchronous JavaScript And XML 异步的JavaScript 和 XML 1. 异步和同步：客户端和服务器端相互通信的基础上 * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。 * 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。 Ajax 是一种在无需重新加载整个网页的情...

springMVC如何利用json向前端传递一个集合

zlt_1222的博客

01-14

3256

今天写了个js代码,需要遍历一个集合,但是程序执行到遍历的代码时就停止运行了,一度认为是js代码写错了,怎么改都不行,很是郁闷 springmvc代码: List nvrs = cameraService.findAllNvrByZoneName(zoneName); model.addAttribute("nvrs",nvrs); js中代码如下: var test = ${

JS对象，JSON

llkaidaotumi的博客

12-27

190

对象万物皆对象字面量书写格式：关键字标识符赋值符号大括号分号 let obj = {} ; 例子： let iphone ={ name:`HW`, size:5.0, price:9999, }; 对象初始化 let obj ={ 属性名1：属性值1, 属性名2：属性值2, 属性名3：属性值3, 属性名4：属性值4, }; 键值对键：属性名值：属性值变量称为属性，函数称为方法注：冒号右侧是否是函数【增，删，改，查】增对.

Java 在前后台进行交互时，所要注意的情况

flqxing的博客

08-05

2687

Java web 在进行前后台交互时，所要注意的要点：后台代码注意要点： 1.后台给前台传递值的时候大多数分为以下几种情况： a.list b.map c.对象 d.字符串那么所要注意的：多数的情况下，会出现前台传递参数到后台，那么我们需要多传递的参数进行验证，如：传递的是对象，那么我们需要对对象进行是否为null的验证，如果为n

后端返回的json数据用vue+element实现树形菜单

听见涛声

12-10

3402

先上需要实现的效果图：左侧是一个树形菜单，右侧为一个表格。初次写树形菜单，用了很久很久…… 图1 //html部分 //注意：ngs组件是公司封装好的，可以在element等网站找找组件 <ngs-border-layout>  <ngs-border-layout-panel region="west" :size="300" :min-size="200"> <div class="pm-roles

Vue项目中，请求外部http的JS文件，运行里面函数内容，调用JSON数据

Luckly_smile的博客

07-26

1010

需求：在Vue项目中，我需要引入外部的JS文件，然后JS文件里面是一个方法，里面定义了JSON格式的数据，并return返回。解决办法： var a = await this.$get(http：文件路径).then…略获得a后，a其实是一个字符串变量，里面是上面图片的文字，不是代码，只是字符串，我们要让他动起来，执行为一个函数，并且获得数据 var data = ‘function getData () { var array = [{ name: 'zhansan', id: 1 }, { na