`

js读取解析JSON类型数据

 
阅读更多
一、什么是JSON?
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,
是理想的数据交换格式,同时,JSON是 JavaScript 原生格式。
非常适合于服务器与 JavaScript 的交互
二、为什么使用JSON而不是XML
他们都是这样说的:  尽管有许多宣传关于 XML 如何拥有跨平台,跨语言的优势,然而,除非应用于 Web Services,否则,在普通的 Web 应用中,开发者经常为 XML 的解析伤透了脑筋,无论是服务器端生成或处理 XML,还是客户端用 JavaScript 解析 XML,都常常导致复杂的代码,极低的开发效率。实际上,对于大多数 Web 应用来说,他们根本不需要复杂的 XML 来传输数据,XML 的扩展性很少具有优势,许多 AJAX 应用甚至直接返回 HTML 片段来构建动态 Web 页面。和返回 XML 并解析它相比,返回 HTML 片段大大降低了系统的复杂性,但同时缺少了一定的灵活性
三、如何使用
下面代码是html代码片段,实现点击按钮解析json格式数据并alert内容
<input type="button" value="button" onclick="clicks();"/>
下面是js函数代码:
var json = {
   contry:{
    area:{
     man:"12万",
     women:"10万"
    }
   }
  };
//方式一:使用eval解析
  var obj = eval(json);
  alert(obj.constructor);
  alert(obj.contry.area.women);
  //方式二:使用Funtion函数
  var strJSON = "{name:'json name'}";//得到的JSON
  var obj = new Function("return" + strJSON)();//转换后的JSON对象
  alert(obj.name);//json name
  alert(obj.constructor);
  
//复杂一点的json数组数据的解析
  var value1 = [ 
    {"c01":"1","c02":"2","c03":"3","c04":"4","c05":"5","c06":"6","c07":"7","c08":"8","c09":"9"},
     {"c01":"2","c02":"4","c03":"5","c04":"2","c05":"8","c06":"11","c07":"21","c08":"1","c09":"12"},
    {"c01":"5","c02":"1","c03":"4","c04":"11","c05":"9","c06":"8","c07":"1","c08":"8","c09":"2"}
     ]; 
  var obj1 = eval(value1);
  alert(obj1[0].c01);
 //复杂一点的json的另一种形式
  var value2 = {
     "list":[
      {"password":"1230","username":"coolcooldool"},
      {"password":"thisis2","username":"okokok"}
      ],
     "array":[
      {"password":"1230","username":"coolcooldool"},
      {"password":"thisis2","username":"okokok"}
      ]
     };
  var obj2 = eval(value2);
  alert(obj2.list[0].password);
 }


4、eval
1这种形式将使得性能显著降低,因为它必须运行编译器
2eval函数还减弱了你的应用的安全性,因为它给被求值的文本赋予了太多的权力。就像with语句执行的方式一样,它降低了语言的性能
3Function构造器是eval的另一种形式,所以它同样也应该被避免使用。
分享到:
评论

相关推荐

    js读取解析JSON数据.docx

    js读取解析JSON数据.docx

    kettle解析json串

    通过以上步骤,我们可以在Kettle中有效地解析JSON数据,并将其写入数据库中。这不仅可以提高数据处理的效率,还可以确保数据的一致性和准确性。此外,使用Java库如`JSON Simple`可以更加灵活地处理各种类型的JSON...

    jQuery读取json数据

    关于"jQuery读取json数据"这个主题,我们将会深入探讨如何利用jQuery的Ajax功能来高效地加载和解析JSON格式的数据,以及这样做带来的优势。 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于...

    PB9生成和解析JSON

    在PB9中处理JSON数据,通常涉及到两个关键步骤:生成JSON字符串和解析JSON字符串。 一、生成JSON 在PB9中生成JSON,你需要将数据结构转换为JSON格式。这通常通过编写函数或者利用第三方库来实现。PB9本身并不内置...

    js读取解析JSON数据.doc.docx

    由于JSON是JavaScript原生格式,因此在JavaScript中处理JSON数据非常直观,无需额外的API或库。以下是对JS操作JSON的一些关键点的详细说明。 1. JSON数据结构: - **对象(Object)**:以大括号`{}`开始,以大括号...

    Powerbuilder解析json半成品

    3. **解析JSON数据**:使用`jsonObject.Parse(jsonString)`方法,其中`jsonString`是包含JSON数据的字符串。解析成功后,你可以通过`jsonObject.Get()`或`jsonObject.GetArray()`方法访问键值对或数组。 4. **处理...

    c++读取解析Json字符串内容

    本篇文章将深入探讨如何在C++中读取并解析JSON字符串内容。 首先,你需要一个C++库来帮助解析JSON。虽然C++标准库并不直接支持JSON,但有许多第三方库可供选择,如 RapidJSON、nlohmann/json 和 Jsoncpp。这里我们...

    Android读取本地json文件的方法(解决显示乱码问题)

    - **Android操作JSON格式数据**:Android提供了Gson库、org.json库等工具来解析和生成JSON数据。 - **Android数据库操作**:SQLite是Android内置的轻量级数据库,可以用于持久化数据。 - **Android Activity操作**:...

    Springboot读取本地json文件工程

    4. **使用Spring的JdbcTemplate和JsonUtils**:如果你的应用使用了Spring Data JPA或其他数据库访问技术,可以结合`JdbcTemplate`和`JsonUtils`(Spring的内部工具类)解析JSON: ```java String jsonString = ...

    wpf读取json地址数据

    接下来,我们需要在C#代码中解析JSON数据。首先,定义相应的类结构来映射JSON对象: ```csharp public class AddressData { public List&lt;Province&gt; Provinces { get; set; } } public class Province { public ...

    Js读取json数据实现滚动分页实例

    1. 解析JSON数据为JavaScript对象。 2. 监听窗口滚动事件。 3. 当用户滚动到页面底部时,向服务器请求下一页数据。 4. 将返回的新数据添加到页面上。 5. 管理加载状态,避免连续请求。 通过这种方式,你可以创建一...

    Node.js-load-json-file-读取和解析JSON文件

    `load-json-file`的核心功能在于,它不仅读取文件内容,还会自动将内容解析为JavaScript对象,这样开发者就不必分步骤地先读取文件,再手动解析JSON字符串。这简化了代码,减少了出错的可能性。 使用`load-json-...

    pb解析json

    3. 解析JSON数据,通常会使用目标编程语言的内置JSON库或第三方库。 4. 将解析得到的JSON对象映射到对应的pb对象,这可能涉及到遍历JSON对象的键值对,并根据protobuf消息结构设置相应的字段。 5. 最后,可以使用...

    VB解析JSON案例

    本案例“VB解析JSON”就是针对这一需求,提供了一种在VB环境中解析JSON数据的方法。 首先,我们需要引入一个VB.NET库,如Newtonsoft.Json,它提供了丰富的功能来序列化和反序列化JSON。在Visual Studio中,可以通过...

    js读取并解析JSON类型数据的方法

    本文实例讲述了js读取并解析JSON类型数据的方法。分享给大家供大家参考,具体如下: 一、什么是JSON? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据...

    Javascript解析JSON数据

    JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。

    java 解析 json文件 java 解析 json文件

    Java解析JSON文件是Java开发中常见的一项任务,特别是在与Web服务交互或处理API响应时。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,因其简洁和易于阅读及编写的特点,被广泛应用于网络数据传输...

    android 动态解析获取json数据的键值对

    总之,这个项目的核心是动态解析JSON数据,避免为每个JSON键值创建实体类,而是直接解析并显示在列表中。这展示了Android开发中的灵活性,以及如何有效地处理JSON数据,对于初学者和有经验的开发者都是一个有价值的...

    extjs读取解析后端json格式数据显示条形图

    当你运行这段代码,ExtJS将会向后端请求JSON数据,解析数据后填充到条形图中,从而呈现出动态的效果。这种炫酷的视觉展示对于提升网站的用户体验是非常有帮助的。 总的来说,ExtJS结合JSON数据可以创建出各种复杂且...

    VB6解析json类库-5分,完整示例,亲测可用

    3. **解析JSON字符串**:使用`ParseJSON`方法将JSON字符串转换为VB6的字典、数组或其他数据类型。例如,`Dim jsonData As Variant = json.ParseJSON(jsonString)`。 4. **访问数据**:解析后的数据可以像操作VB6的...

Global site tag (gtag.js) - Google Analytics