php或js利用localStorage存储数组

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/milli236/article/details/79035670

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))
        }

 

 

 

展开阅读全文

没有更多推荐了,返回首页