`
747017186
  • 浏览: 334106 次
社区版块
存档分类
最新评论

json串的页面操作

 
阅读更多

最近做项目在做一个类似于购物车的功能,点击要选择的套餐,显示在页面上,实时计算价格。本来想直接放在后台的一个临时表当中,最后发现如果用户取消操作会产生很多临时的数据,所以想把这些选择的信息放在页面上,等到用户确认要生成订单的时候在提交到后台。但是数据的结构很复杂,所以打算在JS里面拼装一个json串,用户操作的时候实时更改json串,提交到后台的json也很好处理

下面来看json的操作:

var demo=[

       {

           "id":"1001",

           "realprice":"1000",

                    “newObj”:“dsds”,

           "equinfo":[

               {

                   "equid":"001",

                   "equtype":"0",

                   "deposit":"200",

                   "c_payprice":"500"

               },

               {

                   "equid":"002",

                   "equtype":"0",

                   "deposit":"200",

                   "c_payprice":"500"

               },

               {

                   "equid":"003",

                   "equtype":"1",

                   "deposit":"0",

                   "c_payprice":"500"

               }

           ]

       },

       {

           "id":"1002",

           "realprice":"2000",

           "equinfo":[

               {

                   "equid":"001",

                   "equtype":"0",

                   "deposit":"200",

                   "c_payprice":"500"

               },

               {

                   "equid":"002",

                   "equtype":"0",

                   "deposit":"200",

                   "c_payprice":"500"

               },

               {

                   "equid":"003",

                   "equtype":"1",

                   "deposit":"0",

                   "c_payprice":"500"

               }

           ]

       }

   ]

这是一个在页面上申明的json对象。

alert(JSON.stringify(demo));//把json变为json串

alert("&&&"+demo[0].equinfo[0].equid);//查找出equid的内容,(见粉红色内容)

demo[0].newObj="dsds"//更新json,把第一个数组那添加一个新的节点,并赋值。(见蓝色内容)

修改其实就是找到这个节点的对象,并重新给这个节点赋值即可。

删除:

删除有两种方式,一种是删除节点,一种是删除节点的内容。

删除节点:delete demo[0].newObj;如果是数组的话可以用splice这个方法进行删除

删除内容:其实就是找到该节点并把这个节点的内容清空即可。

 

分享到:
评论

相关推荐

    多层集合的JSON串拼接

    在"多层集合的JSON串拼接"这个主题中,我们主要关注的是如何将多个JSON对象或数组合并成一个复杂结构的JSON字符串。这通常涉及到后台Java的处理和前台JavaScript的调用。以下是一些关键知识点: 1. **JSON对象与...

    js与jQuery实现获取table中的数据并拼成json字符串操作示例.docx

    该示例涉及到JavaScript和jQuery对HTML页面表格数据的获取、遍历和JSON字符串的拼接相关操作技巧。 在该示例中,我们首先使用JavaScript获取了表格中的tr元素,然后使用getElementsByTagName方法获取了表头的td元素...

    ThinkPHP的success并不跳转页面,而是直接输出json字符串的原因.zip解决ThinkPHP的success并不跳转页面,而是直接输出json字符

    总的来说,ThinkPHP的`success`方法不跳转页面而是输出JSON字符串,是因为它被设计用来处理API和AJAX请求,而这些请求通常需要返回可解析的数据,而不是执行页面重定向。理解和调整你的请求类型以及控制器的响应机制...

    jsonView查询json字符串

    在网页开发、API调试、数据交换等场景中,JSON格式的数据频繁出现,JSONView通过高亮显示和树状结构化的方式,使得这些数据易于理解和操作。 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,以其...

    json数据展现页面

    综上所述,"json数据展现页面"项目涉及的主要知识点包括JSON数据格式、数据获取与解析、JavaScript数据处理、DOM操作、以及前端框架的使用。通过熟练掌握这些技能,我们可以有效地将JSON数据转换为用户友好的网页...

    使用JQUery解析JSON字符串

    当我们从服务器端获取到一个JSON字符串时,jQuery提供了一个便捷的方法`$.parseJSON()`(在新版本的jQuery中已被`$.getJSON()`替代)来解析这个字符串为JavaScript对象。例如,假设我们有以下JSON字符串: ```json ...

    Json字符串格式化JsonView

    JsonView就是一个这样的工具,它能将混乱的JSON字符串转换为整洁、有序的视图,帮助开发者更好地理解和操作数据。 JsonView通常是一个浏览器插件,例如在Firefox或Chrome中可以找到。安装后,当你访问一个包含JSON...

    JSON串给html标签赋值框架

    描述中提到的"JSON串给html标签赋值框架"可能是一个专门用于处理这种需求的JavaScript库,它可以简化将JSON数据插入到HTML元素中的过程。 这个框架可能包含以下功能: 1. 解析JSON数据:框架能够自动解析接收到的...

    javascript处理json字符串和json对象的类(含示例)

    下面我们将详细讨论如何在JavaScript中处理JSON字符串和JSON对象。 一、JSON字符串转换为JSON对象 在JavaScript中,可以使用`JSON.parse()`方法将一个JSON格式的字符串转换为JavaScript对象。这个方法接收一个JSON...

    Json_decode 解析json字符串为NULL的解决方法(必看)

    接下来,我们需要意识到,当我们从其他页面或应用通过POST或GET请求获取到的数据,往往需要通过特定的函数处理才能得到一个可以被`json_decode()`正常解析的字符串。通常,发送方会使用`json_encode()`函数将数据转...

    Json页面总结

    综上所述,这些知识点涵盖了 JSON 与 JavaScript 对象之间的基本操作,包括序列化、反序列化、自定义类与 JSON 的交互以及对 JSON 对象的基本操作。这些技术对于任何从事 Web 开发的人来说都是非常重要的基础知识。

    JsonView json字符串格式化

    - **在线工具**:与在线的JSON格式化工具相比,JSONView作为浏览器扩展,无需打开新页面,直接在当前网页操作,更便捷。 - **IDE集成**:虽然许多现代集成开发环境(IDE)内置了JSON格式化功能,但JSONView对于只...

    易语言页面订单json解析

    综上所述,"易语言页面订单json解析"涵盖了网络数据获取、JSON解析、数据结构操作以及用户界面交互等多个重要知识点。掌握这些技能,开发者能够构建起一个能够从网页抓取并处理订单数据的系统,这对于电商平台、在线...

    JSON数据格式操作(Java语言)需要的jar文件

    通常,这个jar文件名为`json.jar`,可以在org.json的官方下载页面获取。在IDE如Eclipse或IntelliJ IDEA中,你可以通过右键点击项目,选择“构建路径”->“库”->“添加外部JARs”,然后选择下载的jar文件。 此外,...

    基于.NET3.5的JSON操作

    在项目中,我们看到有`JsonHelper.cs`文件,这可能是一个自定义的辅助类,包含了对JSON进行操作的方法,如序列化对象到JSON字符串,或者反序列化JSON字符串到.NET对象。例如,它可能会包含以下方法: ```csharp ...

    一个基于C#+asp.net实现的Json Web Editor 字符串编辑工具源码及例子

    4. **拖放编辑**:可能支持通过拖放操作来调整JSON对象的键值对,方便修改复杂结构。 5. **示例数据**:为了便于理解和测试,编辑器可能包含一些预设的JSON示例数据,让用户可以快速上手。 6. **导出/导入**:用户...

    本地查看json格式字符串的小工具

    这个库可能包含了解析JSON字符串、进行格式化以及在页面上展示结果的功能。 综上所述,这个本地JSON查看小工具提供了一个便捷的、基于HTML的界面,用于查看和格式化JSON数据。用户可以通过打开JsonToString.html...

    处理ajax返回带有换行的json数据

    在Web开发中,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。在处理Ajax返回的JSON(JavaScript Object Notation)数据时...

    JSON2解决JSON未定义

    在实际项目中,通常会在页面头部通过`<script>`标签引入这个文件,以确保在处理JSON数据前,JSON接口已经可用。 总结来说,"JSON2解决JSON未定义"意味着在不支持JSON的旧版IE浏览器中,可以通过引入JSON2.js这个库...

    JsonView查看JSON利器

    7. **便捷操作**:用户无需离开当前页面就能查看JSON数据,只需在浏览器的开发者工具中激活JsonView即可,避免了频繁切换窗口的麻烦。 8. **实时更新**:JsonView会实时反映出页面上JSON数据的变化,这对于调试动态...

Global site tag (gtag.js) - Google Analytics