JSON的简单应用

秒速五厘米 2024-02-17 17:40 103阅读 0赞

**一、什么是 JSON ？**  
JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）  
JSON 是轻量级的文本数据交换格式  
JSON 独立于语言 \*  
JSON 具有自我描述性，更易理解  
JSON 是存储和交换文本信息的语法。类似 XML。  
JSON 比 XML 更小、更快，更易解析  
\* JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。

**二、具体的应用**

<body>
    <p> Name: <span id="jname"></span><br />
        Age: <span id="jage"></span><br />
        Address: <span id="jstreet"></span><br />
        Phone: <span id="jphone"></span><br />
    </p>
    </body>
    </html>
    
    
    <script type="text/javascript">
    
    
    //(1)对象可以包含多个名称/值对：
     var jsons={
    	   "name":"JUMEI",
    	   "age":"25",
    	   "address":"江苏省苏州市",
    	   "phone":"10086"
    	 }
    
    
       //显示数据
    	document.getElementById("jname").innerHTML=jsons.name;
    	document.getElementById("jage").innerHTML=jsons.age;
           document.getElementById("jstreet").innerHTML=jsons.address;
           document.getElementById("jphone").innerHTML=jsons.phone;
     
    
    //(2)数组可包含多个对象
    var employees = [
    { "firstName":"Bill" , "lastName":"Gates" },
    { "firstName":"George" , "lastName":"Bush" },
    { "firstName":"Thomas" , "lastName": "Carter" }
    ];
    
    
     var emp="";
     //遍历数据
      for(var i in employees){
    	 emp=emp+"\t"+employees[i].firstName+"("+employees[i].lastName+")";
      }
       document.getElementById("jname").innerHTML=emp;
       
       
      //(3) JSON 实例 - 来自字符串的对象
      var txt = '{ "employees" : [' +
    '{ "firstName":"Bill" , "lastName":"Gates" },' +
    '{ "firstName":"George-2" , "lastName":"Bush-2" },' +
    '{ "firstName":"Thomas" , "lastName":"Carter" } ]}';
    //js 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象
     var obj =eval("("+txt+")");
     //显示数据
      document.getElementById("jname").innerHTML=obj.employees[1].firstName+"("+obj.employees[1].lastName+")";
      
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，103人围观）

还没有评论，来说两句吧...

相关阅读

相关 JSON的简单应用

一、什么是 JSON ？ JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation） JSON 是轻量级的文本数据交换格

秒速五厘米/ 2024年02月17日 17:40/ 0 赞/ 104 阅读

相关简单的json解析

JSONObject jsonObject = JSONObject.parseObject(result); boolean success = j

傷城~/ 2023年10月09日 18:26/ 0 赞/ 2 阅读

相关 Json-lib应用

json-lib是什么它可以把javabean转换成json串。 json-lib中核心类： 1）JSONObject \->Map (toString)

╰半橙微兮°/ 2023年08月17日 17:07/ 0 赞/ 103 阅读

相关 json应用（2）

jar包导入：[http://pan.baidu.com/s/1c1Irf4c][http_pan.baidu.com_s_1c1Irf4c] ![Center][]

曾经终败给现在/ 2022年09月22日 15:59/ 0 赞/ 121 阅读

相关几种主流JSON技术的比较及简单的应用示例

本文为转其他博主博文，原文地址 [点击打开链接][Link 1] 一、各个JSON技术的简介和优劣 1.json-lib json-lib最开始的也是应用最

以你之姓@/ 2022年07月12日 01:28/ 0 赞/ 172 阅读

相关 json-lib的应用

json-lib的应用一、概述 apache提供的json-lib小工具，它可以方便的使用Java语言来创建JSON字符串。也可以把JavaBean转换

阳光穿透心脏的1/2处/ 2022年05月28日 12:47/ 0 赞/ 121 阅读

相关 oracle12C数据库JSON的应用 --PL/SQL使用json简单入门篇

最近项目在后端与数据库方面的交互中涉及到JSON，并且oracl12以上的版本支持JSON格式的数据存储和解析；本文章就先从简单入手，从入门学习ORACLE 12C中的J

太过爱你忘了你带给我的痛/ 2022年05月17日 06:00/ 0 赞/ 1481 阅读

相关 action中json的应用

这篇文章重点介绍action中json数据的返回处理；假设须要看前端代码的一些特效或ajax的json接收，请看上一篇博客：http://blog.csdn.net/yang

柔情只为你懂/ 2022年03月31日 11:58/ 0 赞/ 206 阅读

相关 Json 应用

js 中使用： > var user = \{'name':'红中','age':23\} //undefined > typeof user //"obj

落日映苍穹つ/ 2021年09月28日 12:12/ 0 赞/ 299 阅读

相关 Json解析工具Jackson（简单应用）

概述 Jackson库（[http://jackson.codehaus.org][http_jackson.codehaus.org]），是基于[J

柔光的暖阳◎/ 2021年09月26日 01:02/ 0 赞/ 466 阅读