如何在html刷新时，自动将localstroage请求给后端

在HTML刷新时，可以使用JavaScript监听 `beforeunload` 事件，将LocalStorage中的数据通过AJAX请求发送给后端。具体的步骤如下：

1. 在HTML页面中添加以下JavaScript代码，监听 `beforeunload` 事件：

window.addEventListener('beforeunload', function() {
  // 获取LocalStorage中的数据
  var data = localStorage.getItem('key');
  
  // 发送AJAX请求
  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'http://yourdomain.com/save-data.php');
  xhr.setRequestHeader('Content-Type', 'application/json');
  xhr.send(JSON.stringify({data: data}));
});

2. 在服务器端的PHP脚本中接收AJAX请求，并将数据保存到数据库中。示例代码如下：

// 接收AJAX请求
$data = json_decode(file_get_contents('php://input'), true);

// 将数据保存到数据库中
$pdo = new PDO('mysql:host=localhost;dbname=mydb', 'username', 'password');
$stmt = $pdo->prepare('INSERT INTO mytable (data) VALUES (:data)');
$stmt->bindParam(':data', $data['data']);
$stmt->execute();

这样就可以在HTML刷新时，自动将LocalStorage中的数据发送给后端。需要注意的是，在发送AJAX请求时，可能会遇到跨域访问的问题，需要进行相应的处理。同时，需要注意LocalStorage的数据可能包含敏感信息，需要进行加密处理，以保证数据的安全性。