Javascript:如何在每次ajax成功后更改localStorage Key的值

Question

我目前正在努力解决这个问题，当ajax成功时，我的localstorage键值不会更新该值，并保留旧的存储数据，但是只有当我按f5或刷新不友好的页面时它才会更新。

var hide_cat = $('#hide_cat').val();
function fetch_data(){
$.ajax({
    url: '../ajax/ajax_fetch_loop.php',
    data : {hide_cat : hide_cat},
    type: 'post',
    cache: false,
    success:function(data){
        localStorage.setItem('dat', data); /*<-- this  one should update new                        
                                                 value every time success,   
                                                 however its not working, it 
                                                 remians the old data and i 
                                                 need to refresh before it 
                                                 store a new value*/
    }
});
}
fetch_data();

function fetch_datas(){

//so after update i should get a new value after ajax success
var table_data = localStorage.getItem('dat');
$('#tboy_labasmo').html(table_data);
}
fetch_datas();  

Answer 1

在存储响应之前，您需要使用JSON.stringify

localStorage.setItem("dat", JSON.stringify(data));