如何在js文件中自动保存数组和一些文本？

// 保存数组和文本
localStorage.setItem('myArray', JSON.stringify(myArray));
localStorage.setItem('myText', myText);

// 读取数组和文本
var savedArray = JSON.parse(localStorage.getItem('myArray'));
var savedText = localStorage.getItem('myText');

// 保存数组和文本
var xhttp = new XMLHttpRequest();
xhttp.open("POST", "saveData.php", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("myArray=" + JSON.stringify(myArray) + "&myText=" + myText);

// saveData.php 文件中的代码
<?php
    $myArray = json_decode($_POST['myArray']);
    $myText = $_POST['myText'];
    // 保存数据到服务器端
?>

// 打开或创建数据库
var request = indexedDB.open('myDB', 1);

request.onsuccess = function(event) {
    var db = event.target.result;
    
    // 创建一个事务
    var transaction = db.transaction(['myStore'], 'readwrite');
    var store = transaction.objectStore('myStore');
    
    // 保存数组和文本
    var data = {
        array: myArray,
        text: myText
    };
    var request = store.put(data, 1);
    
    request.onsuccess = function(event) {
        console.log('数据保存成功');
    }
}

// 读取数据
request.onsuccess = function(event) {
    var db = event.target.result;
    
    // 创建一个事务
    var transaction = db.transaction(['myStore'], 'readonly');
    var store = transaction.objectStore('myStore');
    
    // 通过键(这里是1)获取保存的数据
    var request = store.get(1);
    
    request.onsuccess = function(event) {
        var data = event.target.result;
        var savedArray = data.array;
        var savedText = data.text;
        console.log('数据读取成功');
    }
}