Tag: 本地存储

如何更改localStorage项目中的单个值？

我有一组项目得到保存，但我正在尝试更改一个值后，我检索它，然后我将它传递给我的PHP函数。 是否可以只更改一个项目？ 我的项目字符串如下所示： var args = window.localStorage.getItem(“localusers”); start=0&type=1 我正在保存localusers项目，如下所示： window.localStorage.setItem(‘localusers’, $(“#profile_form_id”).serialize()); 我正在尝试将type的值设置为6 我找不到一个支持的方法，允许我在数组中获取/设置一个项目，所以我需要迭代数组，更改值，然后再次设置localusers项目？ 它似乎没有效率，但我看不到任何其他方式。 有什么想法或建议吗？

Jquery添加类并在页面重新加载时保留

我有一个简单的导航菜单。 主页链接有一个下拉活动类。 我需要这样做：当用户按下例如文章链接时，jquery必须从Home中删除下拉活动类并将此类设置为选定的链接。 我知道我可以使用removeClass和addClass，但是当重新加载页面时我需要保留选定的链接类。 我听说过cookies和localstorage来设置课程，但我不知道怎么做。 有人能帮我吗？ Home Articles About

使用保存在本地存储上的数据填充HTML表单

我的应用程序将填充的表单数据（带有ID和值的输入字段）保存到本地存储，甚至成功加载它们，再次将已解析的ID和值分开。 问题是，一旦页面重新加载，我无法从已保存到本地存储的数据中预先填充表单。 保存的数据保留在浏览器的资源中，控制台会记录每个输入字段的正确值。 但是，页面本身没有任何内容。 这是我的HTML结构的一个例子： Task done! How it went? 以下是当前用于保存和加载到本地存储的JavaScript： if (typeof(Storage) !== “undefined”){ // Loading data function dataLoad(){ var inputParse = JSON.parse(localStorage.getItem(‘fieldString’)); var inputId; var inputValue; var inputType; $.each(inputParse, function(key, value){ inputId = key; inputValue = value; if (inputValue === “true” || inputValue === “false”){ inputType = inputValue; } }); $(“.formField”).each(function(){ inputId = […]

将表单数据保存到本地存储并在刷新时显示

我正在制作一个用户可以输入数据的表单。 我想通过使用本地存储来保存这个日期。 但是当我刷新页面时，只记住身高和体重。 而且我一直坚持努力使性别，运动和生日也被记住。 Test $(document).ready(function() { $(window).unload(saveSettings); loadSettings(); }); function loadSettings() { $(‘#height’).val(localStorage.height); $(‘#weight’).val(localStorage.weight); $(‘#dateOfBirth’).val(localStorage.dateOfBirth); $(‘input[type=radio]:checked’).val(localStorage.gender); $(“#sportive”).find(“option[value=” + localStorage.sportive + “]”).attr(“selected”, “selected”); } function saveSettings() { var height = document.getElementById(“height”).value; var weight = document.getElementById(“weight”).value; var sportive = document.getElementById(“sportive”).value; var gender = $(‘input[type=radio]:checked’).val(); var dateOfBirth = document.getElementById(“dateOfBirth”).val(); localStorage.height = height; localStorage.weight = weight; localStorage.dateOfBirth = […]

通过AJAX将数据从localStorage发送到PHP并将其保存在HTML文件中

我想通过AJAX将字段数据从表单发送到文件，我在网上找到了这个解决方案： http ： //techglimpse.com/pass-localstorage-data-php-ajax-jquery/ 唯一的问题是我有多个字段而不是单个字段，我想将输出（localStorage）保存在HTML（或任何其他格式）文件中，而不是在#output div中显示它。 我怎样才能做到这一点？ 你可以看到我迄今为止完成的工作： 使用AJAX将表格数据保存到PHP 这是我的HTML / JS代码： http ： //jsbin.com/iSorEYu/1/edit和PHP代码http://jsbin.com/OGIbEDuX/1/edit

使用HTML5 localstorage在页面刷新时保留jQuery切换状态

我刚刚了解了HTML5“localstorage”function。 我一直在尝试与jQuery切换一起实现它，以便在刷新页面时使div保持在最近的状态。 这似乎是一个很好的cookie替代品！ 我在理解如何以这种方式实现它时遇到了很多麻烦。 这是我到目前为止所尝试的： HTML： <div id="container" Click Me CSS： #container {width:200px; height:220px;} #foo { display:block; float:left; width:200px; height:20px; text-align:center; } #bar { display:none; float:left; height:200px; width:200px; background:#000000; } jQuery并尝试在本地存储，如下所示： $(document).ready(function(){ $(‘#foo’).click(function() { $(this).siblings().toggle(); localStorage.setItem(display, block); }); var block = localStorage.getItem(block); if(block){ $(‘#bar’).show() } }); 这是小提琴。 我在做什么绝对不行。 我在这里看到了一些类似的问题， 这是一个很好的例子。 然而，这个答案对我没有帮助，看起来非常复杂。 我只是试图了解如何在非常基本的级别使用localstorage来保存切换状态。 非常感谢任何建议或帮助。

Localstorage＆JSON：我如何只删除一个键中的一个数组，因为localstorage.removeItem需要整个键

我在localStorage中有这个： [{“id”:”item-1″,”href”:”google.com”,”icon”:”google.com”}, {“id”:”item-2″,”href”:”youtube.com”,”icon”:”youtube.com”}, {“id”:”item-3″,”href”:”google.com”,”icon”:”google.com”}, {“id”:”item-4″,”href”:”google.com”,”icon”:”google.com”}, {“id”:”item-5″,”href”:”youtube.com”,”icon”:”youtube.com”}, {“id”:”item-6″,”href”:”asos.com”,”icon”:”asos.com”}, {“id”:”item-7″,”href”:”google.com”,”icon”:”google.com”}, {“id”:”item-8″,”href”:”mcdonalds.com”,”icon”:”mcdonalds.com”}] 当localstorage.removeItem需要整个密钥时，如何只删除id:item-3 ？ 我使用此方法更新数组中的特定值： http ： //jsfiddle.net/Qmm9g/所以使用相同的方法我想删除特定的数组。 请注意，已有一个要删除的按钮。 该按钮我想要一个function，它将删除整个数组（ {“id”:”item-3″,”href”:”google.com”,”icon”:”google.com”} ） ID:item-3

使用localstorage HTML5保存表单

有没有办法保存到localstorage并重新使用它，就像这样的逻辑： form :::::::::::: saveINTO :::::::::::::::: localstorage form <:::::::::::: getFROM ::::::::::::::: localstorage 在用数据填充表单之后，我想将表单及其内容保存在localstorage中，然后当我想用存储的数据填充其他表单时。 First name: Last name: store into local storage render from data again JSFIDDLE请JSFIDDLE回答。 更新

localStorage事件侦听器不会在Chrome中为本地文件触发

我需要在更改localStorage时收到通知。 此代码在Firefox 24中运行良好，但在Chrome 29（或30）或IE 10中不起作用。它也适用于实时服务器，但在我使用本地文件进行测试时（ file:/// ） 。 这是代码： Index $(document).ready(function() { $(‘#submit’).click(function() { console.log(‘Clicked’); if($(‘#username’).val() != “”) localStorage.setItem(‘someItem’, ‘someValue’); }); $(window).bind(‘storage’, function(e) { alert(‘change’); }); }); Click me 这在Chrome中有什么问题？ 我根据需要打开两个标签。