`
javawangli
  • 浏览: 224461 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Json 浅谈及解析

阅读更多

 Json 浅谈及解析

 

Json简介

     JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写,同时也易于机器解析和生成。它基于JavaScriptStandard ECMA-262 3rd Edition - December 1999)的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。

 

Json优点:

  Jsonxml更轻巧,在JavaScript中处理JSON数据不需要任何特殊的API或工具包

 

Json的规则  

JSON的规则很简单:对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’对”之间使用“,”(逗号)分隔。

   规则如下:

       1)映射用冒号(“:”)表示。名称:

       2)并列的数据之间用逗号(“,”)分隔。名称1:1,名称2:2

       3) 映射的集合(对象)用大括号(“{}”)表示。{名称1:1,名称2:2}

       4) 并列数据的集合(数组)用方括号([])表示。

         [

           {名称1:,名称2:2},

           {名称1:,名称2:2}

         ]

      5  元素值可具有的类型:string, number, object, array, true, false, null 

   了解规格后,那我们如何编写一个正规的json 

   

 

    

    Student=[

         {

           Name="wangli",

            Sex="男",

           Age=20,

            Email="wangliai@qq.com",

          },

          {

           Name="wangli",

            Sex="男",

           Age=20,

            Email="wangliai@qq.com",

          }





      ]

 

 

  这就是一个简单的json文档

 

   * 值得注意的是:

 

   JSON 用冒号(而不是等号)来赋值。每一条赋值语句用逗号分开。整个对象用大括号封装起来。可用大括号分级嵌套数据。

   对象描述中存储的数据可以是字符串,数字或者布尔值。对象描述也可存储函数,那就是对象的方法。

 

  创建json之后 我们进一步对这个json进行解析

  解释json时要注意的是

1JSON 只是一种文本字符串。它被存储在 responseText 属性中

2, 为了读取存储在 responseText 属性中的 JSON 数据,需要根据 JavaScript 的 eval 语句。函数 eval 会把一个字符串当作它的参数。然后这个字符串会被当作 JavaScript 代码来执行。因为 JSON 的字符串就是由 JavaScript 代码构成的,所以它本身是可执行的 

 如:var  students=eval(xhr.respnoseText);

3,JSON还提供了json.js包,下载http://www.json.org/json.js后,使用parseJSON()方法将字符串解析成 JS 对象 

 解释上面的json代码如下

 

 

 

<script type="text/javascript">   

    function getxhr(){

      var xhr;       

      try{

          xhr=new ActiveXObject("MicrosoftHTTP");       

      }catch (err) {

try{

xhr=new XMLHttpRequest();

}catch (er) {

alert("浏览器不支持......");

} 

          }     

    return  xhr;

    }   

    //获取ID

  function $(id){

     return document.getElementById(id);   

  }


  function jsjosn(){

    var xhr=getxhr();

    xhr.open("get","josn.jsp",true);

    xhr.send();  

    xhr.onreadystatechange=function (){     

     if(xhr.readyState==4 && xhr.status==200){

        var stues=eval("("+xhr.responseText+")");         

         var stus=$("testjosn");

           stus.innerHTML="";//清空stus中的文本

      for(var i=0;i<stues.length;i++){       

         var stre=document.createElement("tr");          

        var sname=document.createElement("td");

        var ssex=document.createElement("td");

        var sage=document.createElement("td");

        var semail=document.createElement("td");

           //添加姓名

        sname.appendChild(document.createTextNode(stues[i].name))

           //添加性别

        ssex.appendChild(document.createTextNode(stues[i].sex))

            //添加年龄

        sage.appendChild(document.createTextNode(stues[i].age))

             //添加邮箱

        semail.appendChild(document.createTextNode(stues[i].email))      

       stre.appendChild(sname);

       stre.appendChild(ssex);

       stre.appendChild(sage);

       stre.appendChild(semail);      

       stus.appendChild(stre);          

       }     

    }

  }     

  }


</script>

  </head>

  

  <body>

  <div align="center" style="border:1px solid red;">

    <input type="button" value="解析josn" onclick="jsjosn()" />

    <table cellpadding="0" cellspacing="0" border="1px"  >

      <caption>信息表</caption>

       <thead>

         <tr>

           <th>姓名</th>

           <th>性别</th>

           <th>年龄</th>

           <th>邮箱</th>         

         </tr>       

       </thead>

       <tbody id="testjosn">

       

       </tbody>

    </table>  

  </div>

  </body>

</html>

 

 

<!--EndFragment-->

2
1
分享到:
评论

相关推荐

    浅谈ios中的json解析(转载)

    本文将深入探讨iOS中如何进行JSON解析,包括基本概念、解析方法以及实际应用示例。 首先,JSON是一种轻量级的文本格式,它基于ECMAScript的一个子集,易于人阅读和编写,同时也易于机器解析和生成。JSON数据通常...

    JSON浅谈-2

    JSON(JavaScript对象表示法)是一种轻量级的数据交换格式,其设计目的是便于人类阅读和编写,同时也易于机器解析和生成。它建立在JavaScript编程语言的基础上,具体地是基于ECMAScript标准第三版(ECMA-262)的一个...

    浅谈JAVA中JSON的应用——以天气预报数据接口为例.pdf

    "浅谈JAVA中JSON的应用——以天气预报数据接口为例" JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它采用完全独立于编程语言的文本格式来存储和表示数据,不但易于人阅读和编写,同时也易于机器...

    【ASP.NET编程知识】浅谈对Jquery+JSON+WebService的使用小结.docx

    【ASP.NET编程知识】浅谈对Jquery+JSON+WebService的使用小结 在现代Web开发中,ASP.NET结合jQuery和JSON以及WebService技术是构建动态交互界面的常见选择。jQuery作为一个强大的JavaScript库,以其简洁易用的API...

    浅谈Python中的异常和JSON读写数据的实现

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。Python内置了对JSON的支持,可以通过`json`模块来读写JSON数据。 #### JSON的读写操作 Python中的`...

    浅谈使用java解析和生成JSON

    在www.json.org上公布了很多JAVA下的json构造和解析工具,其中google-gson和org.json比较简单,两者使用上差不多但还是有些区别。下面我们就来分别介绍下用他们构造和解析Json数据的方法示例。

    浅谈JSON.parse()和JSON.stringify()

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。它们常被用于客户端和服务端的数据传输和存储。 1. JSON.parse() 方法主要用于将JSON格式的字符串...

    浅谈springMVC接收前端json数据的总结

    在讨论Spring MVC框架如何处理前端传递的JSON数据时,涉及到的知识点主要包括请求映射、数据绑定、数据...在开发过程中,也需要注意各种异常情况的处理,例如数据校验、JSON解析异常等,确保Web应用的健壮性和稳定性。

    浅谈python处理json和redis hash的坑

    文章标题是“浅谈Python处理JSON和Redis Hash的坑”,而描述中提到,这篇文章将介绍在使用Python处理JSON和Redis hash时遇到的坑,并希望这些内容能为读者提供参考价值。同时,文章涉及的主要技术标签为Python、JSON...

    浅谈json_encode用法

    因此,在实际开发中更推荐使用JSON.parse方法来解析JSON字符串,这个方法更加安全,不会执行字符串中的代码,只会解析JSON数据。 总结来说,json_encode是一个非常有用的PHP函数,它简化了数据的JSON格式转换过程,...

    浅谈JSON中stringify 函数、toJosn函数和parse函数

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。JSON广泛应用于网络数据传输,尤其是在Web应用和服务之间共享数据。在JavaScript中,处理JSON数据...

    浅谈PHP中JSON数据操作

    默认情况下,json_decode会将JSON解析为PHP对象,如果传入第二个参数为true,则将JSON解析为关联数组。 例如: ```php $jsonStr = '{"h":"Hello","w":"World","0":[3,2,1]}'; $obj = json_decode($jsonStr); // $...

    浅谈php和js中json的编码和解码

    1)编码 $jsonStr = json_encode($array) 2)解码 $arr = json_decode($jsonStr) &lt;?...echo json_encode(...//需要JSON解析器或工具类 2. 解码 三种: var jsonStr = ”[{“id”:”1″,”name”:”computer”}]”;

    浅谈json取值(对象和数组)

    数据在名称/值对中进行组织,易于阅读和编写,同时也易于机器解析和生成。JSON在Web开发中非常普遍,常用于数据交换,尤其是在Web服务API中。在本篇内容中,我们将重点介绍如何在JavaScript中利用jQuery库来从JSON...

    浅谈JSON的数据交换、缓存问题和同步问题

    相较于XML,JSON解析速度快,占用的存储空间更小,因此成为开发者首选的数据交互格式。JSON格式遵循以下规则: 1. 数据以键值对的形式存在,即`{属性名: 属性值, ...}`。 2. 属性名必须使用双引号包围,属性值可以...

    浅谈JS中json数据的处理

    在JavaScript中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于机器解析和生成。JSON数据主要以两种基本结构呈现:对象(Object)和数...

Global site tag (gtag.js) - Google Analytics