首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何在js代码中使用list

作者：老王福_640 | 来源：互联网 | 2023-09-13 20:04
从action中传过来list要在js代码中处理之后再放在页面上，可以先放在隐藏域中再得到，但那已经是字符串格式为[{name:wer,id:123},{name:tre,id:654}]还
从action中传过来list 要在js代码中处理之后再放在页面上，
可以先放在隐藏域中再得到，但那已经是字符串
格式为[{name:wer,id:123},{name:tre,id:654}]还可以用正则表达式得到单独的{name:wer,id:123}，
之后我就不知道怎么取出里面的值了，抑或是方法本来就错了，请问该怎么做？
我的问题简单点就是在js中如何循环list中的值？

11 个解决方案

#1

这个应该是json表达式，记得可以直接用eval转成数组变量

#2

你这个格式是标准的JSON格式，可以先转换为JSON对象，通过：
var json=$.parseJSON(str)
可以将json字符串转换为json对象~你这个是对象数组，举个栗子： 


var json=[{name:wer,id:123},{name:tre,id:654}]

var jsOnObj=$.parseJSON(json);

jsonObj[0].name   //得到wer

jsonObj[0].id    //得到123

jsonObj[1].name  //得到tre

jsonObj[1].id  //得到654

#3

用json 
给你个帖子
http://www.cnblogs.com/worfdream/articles/1956449.html

#4

二楼的方法可以遍历的，json格式。

#5

转成json格式就行了！

#6

直接even后for循环什么的都可以用额

#7

引用 1 楼 yyfhz 的回复:
这个应该是json表达式，记得可以直接用eval转成数组变量

这个很详细了。

#8

引用 2 楼 wlwlwlwl015 的回复:
你这个格式是标准的JSON格式，可以先转换为JSON对象，通过：
var json=$.parseJSON(str)
可以将json字符串转换为json对象~你这个是对象数组，举个栗子： 


var json=[{name:wer,id:123},{name:tre,id:654}]

var jsOnObj=$.parseJSON(json);

jsonObj[0].name   //得到wer

jsonObj[0].id    //得到123

jsonObj[1].name  //得到tre

jsonObj[1].id  //得到654


我想说的是这个很详细了，

#9

楼上很详细的了。

#10

楼上说得好，再加一把火，返回的时候action中将list集合转换为json字符串,需要去下一个gson包，前台$.parseJSON

#11

楼上的楼上可以解决

推荐阅读
  • get

    JavaScript核心知识点与实用技巧汇总

    本文总结了JavaScript的核心知识点和实用技巧，涵盖了变量声明、DOM操作、事件处理等重要方面。例如，通过`event.srcElement`获取触发事件的元素，并使用`alert`显示其HTML结构；利用`innerText`和`innerHTML`属性分别设置和获取文本内容及HTML内容。此外，还介绍了如何在表单中动态生成和操作``元素，以便更好地处理用户输入。这些技巧对于提升前端开发效率和代码质量具有重要意义。 ... [详细]
  • get

    技术分享：使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统

    技术分享：使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统
    技术分享：使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统 ... [详细]
  • install

    ElasticStack 日志监控：Logstash 编码插件详解与生产环境应用实例分析

    在ElasticStack日志监控系统中，Logstash编码插件自5.0版本起进行了重大改进。插件被独立拆分为gem包，每个插件可以单独进行更新和维护，无需依赖Logstash的整体升级。这不仅提高了系统的灵活性和可维护性，还简化了插件的管理和部署过程。本文将详细介绍这些编码插件的功能、配置方法，并通过实际生产环境中的应用案例，展示其在日志处理和监控中的高效性和可靠性。 ... [详细]
  • get

    Web开发框架概览：Java与JavaScript技术及框架综述

    Web开发框架概览：Java与JavaScript技术及框架综述
    Web开发涉及服务器端和客户端的协同工作。在服务器端，Java是一种优秀的编程语言，适用于构建各种功能模块，如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示，同时借助JavaScript增强交互性和动态效果。此外，现代Web开发还广泛使用各种框架和库，如Spring Boot、React和Vue.js，以提高开发效率和应用性能。 ... [详细]
  • get

    如何利用jQuery的JSONP技术实现跨域调用外部Web服务？

    本文探讨了如何利用 jQuery 的 JSONP 技术实现跨域调用外部 Web 服务。通过详细解析 JSONP 的工作原理及其在 jQuery 中的应用，本文提供了实用的代码示例和最佳实践，帮助开发者解决跨域请求中的常见问题。 ... [详细]
  • get

    网络爬虫的规范与限制

    网络爬虫的规范与限制
    本文探讨了网络爬虫引发的问题及其解决方案，重点介绍了Robots协议的作用和使用方法，旨在为网络爬虫的合理使用提供指导。 ... [详细]
  • get

    网站访问全流程解析

    网站访问全流程解析
    本文详细介绍了从用户在浏览器中输入一个域名（如www.yy.com）到页面完全展示的整个过程，包括DNS解析、TCP连接、请求响应等多个步骤。 ... [详细]
  • get

    自定义滚动条美化页面内容

    自定义滚动条美化页面内容
    当页面内容超出显示范围时，为了提升用户体验和页面美观，通常会添加滚动条。如果默认的浏览器滚动条无法满足设计需求，我们可以自定义一个符合要求的滚动条。本文将详细介绍自定义滚动条的实现过程。 ... [详细]
  • settings

    基于Net Core 3.0与Web API的前后端分离开发：Vue.js在前端的应用

    基于Net Core 3.0与Web API的前后端分离开发：Vue.js在前端的应用
    本文介绍了如何使用Net Core 3.0和Web API进行前后端分离开发，并重点探讨了Vue.js在前端的应用。后端采用MySQL数据库和EF Core框架进行数据操作，开发环境为Windows 10和Visual Studio 2019，MySQL服务器版本为8.0.16。文章详细描述了API项目的创建过程、启动步骤以及必要的插件安装，为开发者提供了一套完整的开发指南。 ... [详细]
  • get

    优化分页组件：高效渲染数据数组

    在处理大规模数据数组时，优化分页组件对于提高页面加载速度和用户体验至关重要。本文探讨了如何通过高效的分页策略，减少数据渲染的负担，提升应用性能。具体方法包括懒加载、虚拟滚动和数据预取等技术，这些技术能够显著降低内存占用和提升响应速度。通过实际案例分析，展示了这些优化措施的有效性和可行性。 ... [详细]
  • post

    Axublog 1.1.0 版本 c_login.php 文件中发现 SQL 注入安全漏洞

    在 Axublog 1.1.0 版本的 `c_login.php` 文件中发现了一个严重的 SQL 注入漏洞。该漏洞允许攻击者通过操纵登录请求中的参数，注入恶意 SQL 代码，从而可能获取敏感信息或对数据库进行未授权操作。建议用户尽快更新到最新版本并采取相应的安全措施以防止潜在的风险。 ... [详细]
  • get

    如何在PHP中计算腾讯云接口签名，实现人脸核身接口的对接与签名配置

    在PHP中实现腾讯云接口签名，以完成人脸核身功能的对接与签名配置时，需要注意将文档中的POST请求改为GET请求。具体步骤包括：使用你的`secretKey`生成签名字符串`$srcStr`，格式为`GET faceid.tencentcloudapi.com?`，确保参数正确拼接，避免因请求方法错误导致的签名问题。此外，还需关注API的其他参数要求，确保请求的完整性和安全性。 ... [详细]
  • tree

    使用ObjectMapper实现JSON与JavaBean的高效转换

    本文介绍了如何利用ObjectMapper实现JSON与JavaBean之间的高效转换。ObjectMapper是Jackson库的核心组件，能够便捷地将Java对象序列化为JSON格式，并支持从JSON、XML以及文件等多种数据源反序列化为Java对象。此外，还探讨了在实际应用中如何优化转换性能，以提升系统整体效率。 ... [详细]
  • get

    Linux 环境下多线程编程实战案例分析

    在 Linux 环境下，多线程编程是实现高效并发处理的重要技术。本文通过具体的实战案例，详细分析了多线程编程的关键技术和常见问题。文章首先介绍了多线程的基本概念和创建方法，然后通过实例代码展示了如何使用 pthreads 库进行线程同步和通信。此外，还探讨了多线程程序中的性能优化技巧和调试方法，为开发者提供了宝贵的实践经验。 ... [详细]
  • get

    技术日志：使用 Ruby 爬虫抓取拉勾网职位数据并生成词云分析报告

    技术日志：使用 Ruby 爬虫抓取拉勾网职位数据并生成词云分析报告
    技术日志：使用 Ruby 爬虫抓取拉勾网职位数据并生成词云分析报告 ... [详细]
author-avatar
老王福_640
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有