zoukankan      html  css  js  c++  java
  • Introduction to Json

    什么是Json

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

    作用:

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

    整理的章节图

     

    讲解

     json架构两种表示

    对象 {key:value}

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

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

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

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

     

    {
        "employees":[
    		{"fristName":"Bill","lastName":"Gates"},
    		{"firstName":"Groge","lastName":"Bush"},
    		{ "firstName":"Thomas" ,"lastName":"Carter" }
    	]
    }
    

      

    在测试页的代码如下

    <html>
    <body>
    <h2>通过 JSON字符串来创建对象</h3>
    <p>First Name:<span id="fname"></span></p>
     
    <scripttype="text/javascript">
    var employees = [
    {"firstName":"Bill" , "lastName":"Gates"},
    {"firstName":"George" ,"lastName":"Bush" },
    {"firstName":"Thomas" , "lastName":"Carter" }
    ];
    employees[0].firstName="Jobs";
    document.getElementById("fname").innerHTML=employees[1].firstName;
    </script>
     
    </body>
    </html>

    效果图如下:

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

    表现为:

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

    花括号保存对象{}

    总括和保存数组[ ]

    使用:

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

    存储主要为赋值给变量

     

    Var people =
    	{
    	"employees":[
    		{"fristName":"Bill","lastName":"Gates"},
    		{"firstName":"Groge","lastName":"Bush"},
    		{ "firstName":"Thomas" ,"lastName":"Carter" }
    	]
    }
    

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

     

    People.employees[0].lastName
    

      

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

     
    
    Var newJsonNext=people.toJSONString();
    

      

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

    小结:

     

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

    ---恢复内容结束---

  • 相关阅读:
    HTTP 方法:GET 对比 POST
    【总结整理】关于写前端页面小技巧
    【总结整理】关于IE6的兼容性
    添加制图图例(转)
    【总结整理】JQuery调试
    【总结整理】关于切图
    【总结整理】JQuery小技巧
    【总结整理】webstorm插件使用
    【总结整理】JQuery基础学习---动画
    初学正则表达式
  • 原文地址:https://www.cnblogs.com/wushuaiyi/p/4639641.html
Copyright © 2011-2022 走看看