Tag: 本地存储

如何在JQuery中使用localStorage为ajax调用创建自定义缓存机制？: 我试图为我的ajax调用编写自定义缓存机制，这些调用主要是数据调用。因此，我不是将它们放在浏览器缓存中，而是将它们放在localStorage中以供长期使用。但我无法弄清楚如何伪造JQuery.ajax的请求完成。我可以成功拦截调用，但由于某种原因，我对回调函数的调用没有相同的范围。 $.ajaxPrefilter( function( options, originalOptions, jqXHR ) { var key; originalOptions.data = originalOptions.data || {}; key = options.localStorageKey = options.url + ‘?’ + $.param(originalOptions.data); var value = localStorage.getItem(key); if(value) { //Still not working jqXHR.abort();//Abort this call options.success(JSON.parse(value));//Call the callback function return jqXHR();//return xhr for chaining (?) } }); $(‘#logo’).ajaxComplete(function(e,xhr,settings) { //cache the […]

将可拖动div的位置保存到本地存储？: 我正在重写我的代码，允许用户在iOS上拖动div以使其更干净，我希望实现的其中一个更改是使用localstorage来保存和检索每个div的位置。 jQuery的： $(“.drag”).each(function () { var drag = this; xPos = drag.offsetWidth / 2; yPos = drag.offsetHeight / 2; drag.addEventListener(“touchmove”, function() { event.preventDefault(); $(this).css({ “left” : event.targetTouches[0].pageX – xPos + “px”, “top” : event.targetTouches[0].pageY – yPos + “px”, “z-index” : “101”, }); $(“div”).not(this).css(“z-index”, “100”); }); }); 以前，我通过使用cookie设置了位置： $(window).unload(function () { $(“.remember”).each(function () { $.cookie(this.id, this.value, […]

使用JQuery Mobile的本地数据库？: 我正在编写一个使用JQuery的Web应用程序。我的应用程序主要适用于Android。我希望在客户端有一个本地数据库，这样我的Web应用程序就可以在客户端的浏览器中存储数据，即使在互联网连接断开时也可以工作。我看到有很多选项，如插件，jStorage，HTML5 WebStorage，ixedit等等; 但是，我想得到有知识和经验的人的意见。你会建议什么解决方案？谢谢！ ps如果我能够在本地数据库上使用SQL，它会更好。

将数据库添加到jquery移动站点: 我很擅长使用jquery和jquery mobile，但我想知道是否有一种简单的方法（或者教程最好）将数据库（远程和本地）绑定到jquery移动站点（最好不使用php）。

仅在第一次使用localStorage加载网站时显示DIV: 我正在努力使这项工作，但我有一些问题..就像标题所说，我希望只有第一次加载网站时才能显示DIV。我知道如何处理PHP和Cookies，但我想用localStorage函数。这是我的代码： … $(document).ready(function() { localStorage.setItem(‘wasVisited’, 1); if (localStorage.wasVisidet !== undefined ) { $(“#loading_bg”).css(‘display’,’none’); } else { $(“#loading_bg”).delay(5000).fadeOut(500); } });

将值保存到HTML5 localStorage – >在页面加载时填充: 我正在关注O’Reilly的“使用HTML，CSS和Javascript构建iPhone应用程序”中的示例，我希望在应用程序关闭并重新加载后，从表单输入的值将填充，类似于php的“粘性表单”。我从示例中改变的唯一方面是在提交时调用saveSettings，这里我调用了unload（之前在输入模糊上）。在文档就绪而不是提交时调用加载设置。编辑我删除了额外的哈希标志，我显示包含jquery的代码（它之前包含）我绑定saveSettings卸载。这些值仍然没有粘性。当我关上窗户再打开窗户时，它们就消失了 $(document).ready(function(){ $(‘#current-age’).blur(saveSettings); loadSettings(); }); function loadSettings() { $(‘#monthly-income’).val(localStorage.income); $(‘#saving-per-month’).val(localStorage.saving); $(‘#current-age’).val(localStorage.age); } function saveSettings() { localStorage.age = $(‘#current-age’).val(); localStorage.saving = $(‘#saving-per-month’).val(); localStorage.income = $(‘##monthly-income’).val(); } Input Output

未捕获的TypeError：无法设置null的属性’innerHTML’: 我正在使用phonegap-1.4.1为Android制作条形码扫描应用程序。我需要定义一个数组code[] ，它可以存储扫描的所有条形码文本，我需要定义一个变量k作为计数器，每次扫描后增加1，这样我就可以在code[k]存储细节。所以这是我以前的javascript文件，我已经定义了一个数组和一个变量计数器。 localStorage[“counter”]=0; var code = new Array(100); localStorage.setItem(“code”, JSON.stringify(code)); 这是我的另一个js文件，我调用存储的数组并将存储在该数组中的值打印为”id” 。 myvalue1是从扫描中获取的条形码文本。 var barcodeVal = localStorage.getItem(“myvalue1”); var test2 = localStorage.getItem(“code”); code = JSON.parse(test2); var k = parseInt(localStorage.getItem(“counter”)); code[k] = “code[k]”; document.getElementById(code[k]).innerHTML = barcodeVal; k = k + 1; localStorage[“counter”]=k; localStorage.setItem(“code”, JSON.stringify(code)); 我一次又一次地调用条形码扫描function。这就是为什么我使用数组来存储扫描的条形码的数据。这是我的扫描js文件，它给出了myvalue1的值 var scanCode = function () { window.plugins.barcodeScanner.scan( function (result) […]

如何按照我们设置的顺序从localstorage中检索数据: 我通过循环访问topmenu（对象数组）来读取一个json文件并获取它并将其存储到localstorage中。一切正常，甚至数据都存储在localstorage中。但我的问题是它以排序顺序将数据存储在localStorage中，这可能是它的默认行为。但我不需要按排序顺序，我希望它按照它在json中出现的顺序。因为当我将数据存储到localstorage并从localstorage读取数据时，它按排序顺序排列。我可以使用$ .each中的密钥并附加它以维护我们的订单，如果它自动排序。但为什么要自行排序。有没有其他解决办法。请帮我解决这个问题。注意：我需要从json将数据存储到localStorage。然后从localstorage读取它并且不读取json直到localstorage完全为空。当我手动更改localstorage中的值时，它应反映在菜单中。我已经完成了所有的条件编码，只需要找出localstorage问题，即将其存储在排序顺序中。下面是我的JSON文件，javascript和部分html： JSON { “topmenu”: [ { “item”: “File” }, { “item”: “Help” }, { “item”: “Edit” }, { “item”: “View” }, { “item”: “Go” }, { “item”: “Tools” }, { “item”: “Actions” } ] } JAVASCRIPT $(function() { if (typeof […]

跨浏览器HTML5存储库: 我有一个要求，当互联网不可用时，应该在本地存储。它应该以跨浏览器兼容的方式处理它。现在我知道有很多选项可以在本地存储数据（indexedDB，WebSQL，localStorage）。我真正想要的只是一个统一的API。我不想检测和编写多个存储引擎的代码。我真正关心的是给出一个密钥，并提供数据，它应该在浏览器会话/崩溃中持久存在。经过大量的谷歌搜索，我实际遇到的唯一的图书馆是persisJS： http://pablotron.org/?cid=1557 但它大约有4年半的历史。有没有更好或更可靠，更新的？

本地存储出错 – NS_ERROR_FILE_CORRUPTED – firefox: 我一直在使用Web应用程序，而且我正在使用本地存储。但对于一些Firefox用户，我注意到他们遇到以下错误： NS_ERROR_FILE_CORRUPTED：组件返回失败代码：0x8052000b（NS_ERROR_FILE_CORRUPTED）[nsIDOMStorage.setItem] 当它调用函数时： function setLocalStorageItem(key, value){ localStorage.setItem(key, JSON.stringify(value)); } 这是一种避免这种错误的方法吗？