Javascript 输入数据覆盖JSON文件

您遇到的问题是因为每次保存API密钥或Steam64ID时，您都会使用仅包含其中一个属性的新对象重新创建整个JSON文件.要保留JSON文件中的现有数据，您需要首先读取文件的当前内容，更新相关属性，然后将修改后的对象写回文件.

以下是修改事件侦听器以实现此目的的方法:

// Function to read the current JSON data, update it, and write it back
function updateJsonData(updateKey, updateValue) {
  window.electronAPI.readFile((err, data) => {
    if (err) {
      console.error('Error reading file:', err);
      return;
    }
    
    // Parse the existing JSON, or create a new object if the file is empty
    let jsonData = data ? JSON.parse(data) : {};
    
    // Update the specific key with the new value
    jsonData[updateKey] = updateValue;

    // Write the updated JSON back to the file
    const jsonStr = JSON.stringify(jsonData, null, 2);
    window.electronAPI.writeFile(jsonStr);
  });
}

// Save API Key to JSON
saveapi.addEventListener('click', () => {
  const apiKey = apibox.value;
  updateJsonData('apikey', apiKey);
});

// Save Steam64 ID to JSON
savesteam64.addEventListener('click', () => {
  const steam64id = steam64box.value;
  updateJsonData('steam64id', steam64id);
});

在这段代码中，updateJsonData是一个新函数，它处理读取现有的JSON文件，使用apikey或steam64id的新值更新它，然后将更新后的JSON写回文件.这种方法可以确保您保持现有数据的完整性，同时只更新JSON的必要部分.

注意:请确保您的Electron API.Read文件和Electron API.WriteFile函数已设置为正确处理读取和写入过程，包括错误处理.提供的代码假定实现这些函数是为了处理它们各自的任务.