Javascript 如何在本地浏览器中存储数据&；从中取回

下面是json数据，我想将这些数据存储在我的浏览器中&最后，如果用户从文本框请求，我想从我的浏览器中获取这些数据。如何做这些事情

实际上，我是一名服务器端程序员，这是我的第二个javascript/jquery演示示例。我基本上是在创建演示的帮助下学习这些东西。请帮助我学习

我有通过呼叫远程网站（例如

www.google.com/finance/…

）获得的jason数据

---

使用jQuery和Localstorage，您可以执行以下操作：

设置项目：

localStorage.setItem('myJSON',yourJSONString);

删除项目：

localStorage.removeItem('myJSON');

获取项目：

var JSONString = localStorage.getItem('myJSON');

---

有几种类型，例如它们都是内置的，可以直接使用

存储对象是标准的最新添加。因此，它们可能不会出现在所有浏览器中………可以保存的最大数据大小受到cookie使用的严格限制

代码示例：

  function storeMyContact(id) {
    var fullname    = document.getElementById('fullname').innerHTML;
    var phone       = document.getElementById('phone').innerHTML;
    var email       = document.getElementById('email').innerHTML;
    localStorage.setItem('mcFull',fullname);
    localStorage.setItem('mcPhone',phone);
    localStorage.setItem('mcEmail',email);
  }

另一方面，本地存储可能还不够，因此，外部库就出现了，它们实际上利用了内置在存储中的浏览器，并使db能够跨浏览器工作

1-类似SQL的DB（看起来适合重载！）

将直接从浏览器运行的查询的代码示例：

SELECT empl_id, name, age 
  FROM empl 
 WHERE age < 30 

3-是一个跨浏览器键值存储数据库，用于在浏览器中本地存储数据-jStorage支持所有主要浏览器，包括桌面（是的，甚至Internet Explorer 6）和移动设备

---

如果你想有更多的选择->（）

@BluAngel谢谢你的回答，但是你可以删除评论中的演示链接。我想自己试试。最后，如果你要求，你可以发布你的链接。你应该能够在大多数移动浏览器中使用这个：是的！它将删除以前的数据$（document）.ready（函数（）{yahoo_getdata（）；}）；在代码中不存在，因此在您提供的JSFIDLE中的框中输入数字时不会发生任何事情。请从本地存储中获取值（解析json）。计算时只需使用你得到的！var first=parseDouble（$（“.itemOne”）.text（），10）；var second=parseDouble（$（“.itemtow2”）.text（），10）$（“.result”）。文本（一乘二）；

SELECT empl_id, name, age 
  FROM empl 
 WHERE age < 30 

// Create DB and fill it with records
var friends = TAFFY([
    {"id":1,"gender":"M","first":"John","last":"Smith","city":"Seattle, WA","status":"Active"},
    {"id":2,"gender":"F","first":"Kelly","last":"Ruth","city":"Dallas, TX","status":"Active"},
    {"id":3,"gender":"M","first":"Jeff","last":"Stevenson","city":"Washington, D.C.","status":"Active"},
    {"id":4,"gender":"F","first":"Jennifer","last":"Gill","city":"Seattle, WA","status":"Active"}   
]);

   // Find all the friends in Seattle
   friends({city:"Seattle, WA"});