Json

分类: JavaScript 137人阅读 评论(3) 收藏 举报

目录(?)[+]

什么是Json

    Javascript·对象的一种表示,属于轻量级数据,它比XMl小,快,易解析


作用:

   用于存储交换(转换)信息的语言,还可以将各种数据类型放在json中并进行数据传输

整理的章节图

 


讲解

 

 json架构两种表示

对象 {key:value}

数组["value1","value2",...]

 

下面咱们就做个小的实例来看看 

Json对象,它的表示和js中的对象字面量几乎是同一种表示。下面的就是一个对象(数组 

这个 employee 对象是包含 3个员工记录(对象)的数组

[javascript] view plain copy
  1. {  
  2. "employees":[  
  3. {"fristName":"Bill","lastName":"Gates"},  
  4. {"firstName":"Groge","lastName":"Bush"},  
  5. "firstName":"Thomas" ,"lastName":"Carter" }  
  6. ]  
  7. }  

在测试页的代码如下

  1. <html>  
  2. <body>  
  3. <h2>通过 JSON字符串来创建对象</h3>  
  4. <p>First Name:<span id="fname"></span></p>  
  5.    
  6. <scripttypescripttype="text/javascript">  
  7. var employees = [  
  8. {"firstName":"Bill" , "lastName":"Gates"},  
  9. {"firstName":"George" ,"lastName":"Bush" },  
  10. {"firstName":"Thomas" , "lastName":"Carter" }  
  11. ];  
  12. employees[0].firstName="Jobs";  
  13. document.getElementById("fname").innerHTML=employees[1].firstName;  
  14. </script>  
  15.    
  16. </body>  
  17. </html>  
  18.    

效果图如下:

 


 

从上图的代码中可以看到,Json语法是完全符合js

表现为:

数据由:名称/值,逗号分隔

花括号保存对象{}

总括和保存数组[ ]

 

使用:

 

上面的综合图中可以看到Json的作用有存储数据和转换数据

存储主要为赋值给变量

 

[javascript] view plain copy
  1. Var people =  
  2. {  
  3. "employees":[  
  4. {"fristName":"Bill","lastName":"Gates"},  
  5. {"firstName":"Groge","lastName":"Bush"},  
  6. "firstName":"Thomas" ,"lastName":"Carter" }  
  7. ]  
  8. }  



访问数据,修改数据等,如获取变量中的值

[javascript] view plain copy
  1. People.employees[0].lastName  

最重要的是可以将任意js对象转为json文本。如,将上文的json对象转为文本格式只需要

[javascript] view plain copy
  1. Var newJsonNext=people.toJSONString();  


这样就可以任意地方使用文本字符串了

小结:


 综合以上,我们可以初步认识到Jsonjs中的一种新的数据类型,主要用于数据的交换和传输。它可以将Json的数据转为js的任意类型,并进行数据的传输。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值