从后台传递List到前台js中使用

于 2013-11-28 15:49:54 发布 11612 收藏 13
分类专栏： coreJava 文章标签： 后台值传递到前台之List js js中使用后台传递过来的List集合
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012985523/article/details/17007097
版权

实现将后台传递过来的的List集合作为参数在前台js函数中的使用的步骤：

1、在后台中List转换成JSONObject或JSONArray,然后像普通字符串传递到前台一样绑定到request中传递到前端。如：request.setAttribute("listName",List集合值)

2、后台接收方式：var list = ${'listName'} 即得到了List集合，与普通String类型获取不同之处是,使用el表达式获取时不能打引号（var list = '${'listName'}'）,若是打引号获取到

  的是List中所有值组成的字符串形式的值，而不是List集合对象。

骨牌
关注
  • 1
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
jQuery接受后台传递的List的实例详解
10-19
主要介绍了jQuery接受后台传递的List的实例详解的相关资料,这里提供了前台代码和后台代码的实现，需要的朋友可以参考下
javaScript如何处理从java后台返回的list
01-19
事情： 从java后台返回List<String>类型数据，用于界面显示。但js中想获取它并操作它。直接使用EL表达式，js把它识别成字符串了。不是我想要的啊。。网上搜了搜大家的解决方案…最好的当然是把List集合转成json格式传到界面上。这样js里面操作也简单，页面也没有影响。 解决： 将List<String> 转成json,传到界面。js中使用var arr = eval（‘${list}’）;将list转成js数组。 我的代码： 代码如下: var keyList = eval(‘${keysList}’); var values = $(“#paramsValues”).val(
后端返回的list数据，前端进行遍历整合自己想要的格式（前端排序）
最新发布
chengchong_cc的博客
03-30 98
列表
后台list怎么传前台
李静静
10-25 7006
前后台数据交互的时候还是使用String吧。 先描述下我的整个前后台数据交互的过程： 1.前台发送请求获取一个商品列表 2.后台发送一个列表给前台 3.前台接收后，取出该列表的子列表，再传送给后台 4.后台接收到该列表后，进行处理 整个数据交互的过程已经描述完毕。 我的处理方案是： 1.后台接收带请求后，将该list转换成JSONArray对象，然后将其再转换成为String类型的...
js与后台的数据交互
weixin_46109017的博客
08-05 1981
当使用jQuery，layui这些js前端框架与后台进行数据交互时，经常使用Ajax异步请求，这篇文章进一步摸清其中js在发送请求数据和接收例如layui表格渲染数据时的格式规则，从而避免出现异常错误，如，>1、 layui表格获得数据，却无法正常渲染到页面表格，报500错误；> 2、springMVC中前端ajax传数据后端controller报参数为null错误
Jquery+asp.net后台数据传到前台js进行解析的方法
12-08
所以在解析后台数据的时候，我们需要根据后台的数据情况，特殊处理和对待。 我这里后台用的是asp.net提供的wcf服务，也有ashx一般处理程序。大致原理差不多。 C#中我们经常用的对象，有实体对象比如：User；有List集合，一般为返回列表。 复杂点的还有对象嵌套对象或者list集合的。不过没什么差别，只要看你的数据多少来决定是由js处理数据， 还是后台处理了直接返回最终结果。 1、实体对象：返回是对象的话，在js中，直接就是和你后台代码类中的对象数据是一样的。 比如下面代码，就是获取到一个对象。直接用它的name属性就可以获取到。 代码如下:$.ajax({ type: “post”,
后端传list集合，前端接受
weixin_42248417的博客
08-05 2297
后端传list集合，前端接受
前端处理后台传递的List＜Map＜String,Object＞＞类型数据
qq_44819959的博客
10-27 1389
当我请求的时候，我先给在线数和宕机数赋值为0，然后看后端传递过来的数据，如果数据为空，那就不管它，默认为0;如果只有一个数据，那就判断它是在线数还是离线数，分类給它们赋值。有个疑难点,就是有可能有些设备获取不到它的工作状态、也有些设备全是正常工作没有宕机的、有些设备全是宕机的。在公司要获取不同设备的工作状态（正常工作或者宕机），要按设备进行分组查询，得到设备的工作状态和数量。比如路由器正常工作的数量是多少，宕机的是多少。起初，我是想在后台处理数据的，后来想了想，还是在前端页面用js来处理吧。
后台传递list,JS遍历处理
qq_37570710的博客
11-17 1096
前后台数据传递、解析
asp.net 前后台页面交互数据的四种方案，非ajax
bluecard2008的博客
05-10 354
1.前台直接输出后台传递的数据 后台代码： public string value = "1"; 前台页面代码： <div><%=value%></div> 加入if else 简略写法<div><%=(value== "yes" ? "是yes" : "不是yes")%></div> 2. 与第一种类似，多...
android中intent传递list或者对象的方法
01-05
本文实例讲述了android中intent传递list或者对象的方法。分享给大家供大家参考。具体实现方法如下： 方法一： 如果单纯的传递List<String> 或者List<Integer>的话 就可以直接使用 代码如下： 代码如下:intent.putStringArrayListExtra(name, value)  intent.putIntegerArrayListExtra(name, value) 方法二： 如果传递的是List<Object>,可以把list强转成Serializable类型，然后通过 代码如下:putExtras(key, (Serializable)
jquery ajax后台返回list,前台用jquery遍历list的实现
10-21
下面小编就为大家带来一篇jquery ajax后台返回list,前台用jquery遍历list的实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue.js与后台数据交互的实例讲解
10-18
今天小编就为大家分享一篇vue.js与后台数据交互的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
批量修改往后台传数据的js代码
09-30
此文档是批量修改往后台传数据的ajax.js方法文档。
前台js调用后台方法示例
01-21
1、后台方法 代码如下: public string AA(string cc) { string dd = “大家好才是真的好”; string message=dd+cc; return message; } 前台JS 代码如下:function Init() { var v = “中国”; var s = ‘<%=AA(“‘ + v + ‘”) %>’; alert(s); } 2、post提交 PVISAjax.aspx 为处理的页面 {}中的数据为参数 data 为返回过来的数据 代码如下: $.post(“PVISAjax.aspx”, { Method: “PLANT”,
MVC后台创建Json(List)前台接受并循环读取实例
10-27
MVC后台创建Json(List)同时前台接受并循环读取，具体实现代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
Angular.js前台传list数组由后台spring MVC接收数组示例代码
01-19
在开发中有时候需要在前台自定义对象，然后把对象封装在list中，在传送到后台，这样的思想也比较合理，直接来看示例代码： 1. 前台代码 $scope.saveScore = function () { $scope.userScoreList = new Array();//...
将后台返回的list转化为数组返回给vue前端
pangxue1的博客
03-12 1429
将后台返回的list转化为数组返回给vue前端 ArrayList<Oil> list = service.findAll(); System.out.println(list); JSONArray jsonArray = JSONArray.fromObject(list); try { resp.getWriter().write(String.valueOf(jsonArray)); } catch
antd vue使用tool库调用api展示后台数据到list上的代码怎么写
03-26
下面是一个示例代码，使用antd vue的Table组件来展示后台数据到list上： ``` <template> <div> <a-table :columns="columns" :dataSource="dataSource"></a-table> </div> </template> <script> import { fetchList } from '@/api/list' // 引入API export default { data() { return { columns: [ // 列定义 { title: 'ID', dataIndex: 'id', }, { title: '名称', dataIndex: 'name', }, { title: '创建时间', dataIndex: 'create_time', }, ], dataSource: [], // 数据源 } }, mounted() { this.loadData() }, methods: { async loadData() { const response = await fetchList() // 调用API获取数据 this.dataSource = response.data // 将数据赋值到数据源上 }, }, } </script> ``` 这里假设有一个名为`list`的API模块，其中有一个`fetchList`方法用于获取列表数据。在组件中，我们使用`mounted`钩子来调用`loadData`方法，并使用`async/await`语法异步地获取API响应。拿到响应后，我们将数据赋值到组件的`dataSource`属性上，并在模板中使用antd vue的Table组件来渲染数据。`columns`属性定义表格的列，`dataSource`属性则是数据源。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

骨牌

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

余额充值