php或js利用localStorage存储数组

1.数组要转json格式：json_encode($re)，

 

2.存：localStorage.setItem('weekDay',JSON.stringify(weekArray));

 

3.取：取： weekArray = JSON.parse(localStorage.getItem('weekDay'));

php文件代码，php嵌入js代码将结果数组存储，在js中与用户交互时调用

 

   $re = ['name'=>'tom',"add"=>'2223265656'];
    print_r ($re["name"]);
    
    //将数组中后续需要的信息保存缓存，供后续使用
    echo '<script language="javascript">';
    // echo "var a = JSON.stringify(".json_encode($re).");"; //间接转换，先转换数据格式
    // echo "console.log('json数据',a);";
    echo 'localStorage.setItem("data0",JSON.stringify('.json_encode($re).'));';
    echo '</script>'; 

js代码调用。

 

 

//测试输出localStorage
	let cat = JSON.parse(localStorage.getItem('data0'));
	// let cat = localStorage.getItem('data0');
	let cats = localStorage.getItem('data');
	console.log(cat);
	console.log(cats);

 

 

 

localStorage存储数组以及取数组方法。

var weekArray = ['周一'、'周二'、'周三'、'周四'、'周五']
存：localStorage.setItem('weekDay',JSON.stringify(weekArray));
取： weekArray = JSON.parse(localStorage.getItem('weekDay'));

。js的使用；

最好先判断。再使用。

   if(window.localStorage){
         console.log('This browser supports localStorage');
        }else{
         console.log('This browser does NOT support localStorage');
        }

简单的重复添加购物车，利用本地存储

 let storage = window.localStorage;
        if (!storage.getItem("cartLocal")) {
         
            //预先判断本地没有存储过数据，
          cart.push(this.dataBase);
          window.localStorage.setItem("cartLocal",JSON.stringify(cart))
        }else{
           //预先判断如果本地有存储过数据，先获取本地数据再添加
          cart = JSON.parse(window.localStorage.getItem("cartLocal")); 
          cart.push(this.dataBase);
          window.localStorage.setItem("cartLocal",JSON.stringify(cart))
        }