• 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存储");

    }

  • 相关阅读:
    MySQL存储过程
    [转载]JDBC应该始终以PreparedStatement代替Statement
    Restlet入门例子 RESTful web framwork for java
    Cglib的使用方法(3)Mixin
    HDOJ_1220
    精华:OracleHelper类
    web.config详解
    ADO.NET结构
    字典树
    WCF、Net remoting、Web service概念及区别
  • 原文地址:https://www.cnblogs.com/suitongyu/p/7501778.html
Copyright © 2020-2023  润新知