使用JS和PHP将<div>保存到MySQL -可能吗？

<div id="myDiv">Hello, World!</div>
<button onclick="saveToMySQL()">Save</button>

<script>
function saveToMySQL() {
  var divContent = document.getElementById("myDiv").innerHTML;
  
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "save.php", true);
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      console.log(xhr.responseText);
    }
  };
  xhr.send("content=" + encodeURIComponent(divContent));
}
</script>

<?php
$content = $_POST["content"];

// 连接MySQL数据库
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
  die("Connection failed: " . $conn->connect_error);
}

// 将<div>的内容插入到MySQL数据库中
$sql = "INSERT INTO your_table (content) VALUES ('$content')";
if ($conn->query($sql) === TRUE) {
  echo "Saved to MySQL successfully";
} else {
  echo "Error: " . $sql . "<br>" . $conn->error;
}

$conn->close();
?>