zoukankan      html  css  js  c++  java
  • js Web存储方式

    JSON是数据交互中最常用的一种数据格式。

    由于各种语言的语法都不同,在传递数据时,可以将自己语言中的数组、对象等转换为JSON字符串》
    传递之后,可以讲JSON字符串,在解析为JSON对象。

    JSON 对象的用法与js中的对象基本相同,唯一需要区别的是,JSON中的键,必须是字符串。

    JSON 名称/值对

    JSON 数据的书写格式是:名称/值对。

      eg:   "name" : "1111"

    JSON 值

    JSON 值可以是:

      ● 数字(整数或浮点数)

      ● 字符串(在双引号中)

      ● 逻辑值(true 或 false)

      ● 数组(在中括号中)

      ● 对象(在大括号中)

      ● null

     

     

    JSON 数字

    JSON 数字可以是整型或者浮点型:

    { "age":30 }

     

    JSON 对象

    JSON 对象在大括号({})中书写:

    对象可以包含多个 key/value(键/值)对。

    key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。

    key 和 value 中使用冒号(:)分割。

    每个 key/value 对使用逗号(,)分割。

    { "name":"1111" , "url":"www.runoob.com" }

    访问对象值

    可以使用点号  .  来访问对象的值:

    实例

    var myObj, x;

    myObj = { "name":"runoob", "alexa":10000, "site":null };

    x = myObj.name;

    也可以使用中括号  []  来访问对象的值:

    实例

    var myObj, x;

    myObj = { "name":"runoob", "alexa":10000, "site":null };

    x = myObj["name"];

     

    JSON 数组

    JSON 数组在中括号中书写:

    数组可包含多个对象:

    {

       "sites": [

      { "name":"1111" , "url":"www.runoob.com" },

      { "name":"google" , "url":"www.google.com" },

      { "name":"微博" , "url":"www.weibo.com" }

      ]

    }

    JSON 布尔值

    JSON 布尔值可以是 true 或者 false:

    { "flag":true }

    JSON null

    JSON 可以设置 null 值:

    { "runoob":null }

     

     

    JSON.parse()

    JSON 通常用于与服务端交换数据。

    在接收服务器数据时一般是字符串。

    可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

    语法

    JSON.parse(text[, reviver])

    参数说明:

      ● text:必需, 一个有效的 JSON 字符串。

      ● reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数。

     

    例如从服务器接收了以下数据:

    { "name":"runoob", "alexa":10000, "site":"www.runoob.com" }

    我们使用 JSON.parse() 方法处理以上数据,将其转换为 JavaScript 对象:

    var obj = JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }');

     

     

     

    JSON.stringify()

    JSON 通常用于与服务端交换数据。

    在向服务器发送数据时一般是字符串。

    可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

    语法

    JSON.stringify(value[, replacer[, space]])

     

    例如我们向服务器发送以下数据:

    var obj = { "name":"runoob", "alexa":10000, "site":"www.runoob.com"};

    使用 JSON.stringify() 方法处理以上数据,将其转换为字符串:

    var myJSON = JSON.stringify(obj);

    myJSON 为字符串。

    可以将 myJSON 发送到服务器:

     

     

     

     

     

     HTML5新增Web存储方式,主要有两种:

    localStoragesessionStorage,两个对象在使用方式没有任何区别,唯一的不同点是存储数据的有效时间

    ① localStorage:除非手动删除,否则数据将一直保存在本地文件。

    ② sessionStorage:浏览器关闭时,sessinStorage就被清空。

                                      

    [Storage的数据存储]

    1、Storage可以像普通对象一样,使用.追加或者读取最新的数据。

    eg:localStorage = "张三";

                                      

    2、常用的函数

    保存数据:localStorage.setItem(key,value);

    读取数据:localStorage.getItem(key);

    删除单个数据:localStorage.removeItem(key);

    删除所有数据:localStorage.clear();

    得到某个索引的key:localStorage.key(index);

     

                               

    //检测浏览器是否支持

    if(typeof(Storage)!=="undefined"){

    alert("支持");

    }else{

    alert("浏览器不支持HTML5存储");

    }

  • 相关阅读:
    Java实现 LeetCode 697 数组的度(类似于数组的map)
    Java实现 LeetCode 697 数组的度(类似于数组的map)
    Java实现 LeetCode 697 数组的度(类似于数组的map)
    Java实现 LeetCode 696 计数二进制子串(暴力)
    Java实现 LeetCode 696 计数二进制子串(暴力)
    Java实现 LeetCode 696 计数二进制子串(暴力)
    Java实现 LeetCode 695 岛屿的最大面积(DFS)
    Java实现 LeetCode 695 岛屿的最大面积(DFS)
    PHP serialize() 函数
    PHP print_r() 函数
  • 原文地址:https://www.cnblogs.com/suitongyu/p/7501778.html
Copyright © 2011-2022 走看看