瀏覽器快取資料以及刪除快取資料(localstorage的用法)
阿新 • • 發佈:2018-12-19
//初始化介面
$(function(){
if (localStorage.hasOwnProperty("data")) { //判讀是否有data的屬性,有就疊加
var json = JSON.parse(localStorage.getItem("data")); //轉換資料型別
var rs = JSON.parse(localStorage.getItem("data"));
}else{ //沒有就形成一個空陣列,然後往裡疊加
var json = [];
}
//開始快取
$('#input1').click(function (){
var data = {
"name" : "這個程式是好的!",
"type" : "這個程式是爛的!",
}
json.push(data); //往數組裡新增每一次的資料
localStorage.setItem("data",JSON.stringify(json)); //轉換成json格式
});
//清除快取內容
$('#input2').click(function(){
var json = JSON.parse(localStorage.getItem("data"));
localStorage. removeItem("data"); //移除所有的快取資料
});
})