小编ahf*_*eak的帖子

原来我的localStorage [“ items”]将我的JSON存储为字符串。

"["{\"itemId\":1, \"itemName\":\"item1\"}", "{\"itemId\":2, \"itemName\":\"item2\"}",
"{\"\":3, \"itemName\":\"item3\"}",]"

这是当我JSON.parse（localStorage [“ items”]）时的样子：

["{"itemId":1, "itemName":"item1"}", "{"itemId":2, "itemName":"item2"}"
"{"itemId":3, "itemName":"item3"}"]

所以在我的循环中，我通过使用jQuery.parseJSON以下命令将其变成一个对象：

var object = jQuery.parseJSON(item[i]);

现在，我想做的是删除对象，itemId = 3并确保将对象从localStorage中完全删除。

到目前为止，这是我的Javascript：

$("#button_delete").on("click", function(e){
  e.preventDefault();

  var items = JSON.parse(localStorage.getItem('items'));
    for (var i = 0; i < items.length; i++) {

      var object = JSON.parse(items[i]);
       if(object.request_id == 3){
         console.log(items) 
         delete items[i] // slice doesn't work not sure why
         console.log(items)
       }     
    }

    item = JSON.stringify(items);
    console.log(item);
    localStorage.setItem('items', item);
})

更新

当我现在单击按钮时，它将删除该项目，但是不会删除之前的逗号。

当我在浏览器中检查localStorage [“ items”]时，它返回以下内容： …

标题几乎说明了这一点。如何在AJAX运行时添加加载屏幕，并在AJAX运行完成后使加载屏幕消失？

我的AJAX功能：

$("#loginBtn").on("click", function(e){
e.preventDefault();

var loginForm = document.getElementById("loginForm");
var login_data = $('#loginForm').serialize();

  $.ajax({
    type: "POST",
    url: serverURL + "loginProcess.php",
    data: login_data,
    dataType:"json",
    success: function(data){
      localStorage.setItem('id', JSON.stringify(data));
    },
    error:  function(jqXHR, textStatus, errorThrown) {
      navigator.notification.alert('Invalid Email or Password!',null,'Error', 'Done');  
    }
  }); 

}）;

注意：我没有使用jQuery Mobile。