使用PHP和Ajax创建动态表将数据插入到表中，如果不在视图或首页中，则无法使用按钮

<form id="myForm">
  <input type="text" name="data" id="data">
  <button type="button" onclick="insertData()">插入数据</button>
</form>

function insertData() {
  var data = document.getElementById("data").value;
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "insert.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("data=" + data);
}

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

// 连接数据库
$servername = "数据库服务器地址";
$username = "数据库用户名";
$password = "数据库密码";
$dbname = "数据库名";
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接是否成功
if ($conn->connect_error) {
  die("连接失败: " . $conn->connect_error);
}

// 插入数据
$sql = "INSERT INTO 表名 (列名) VALUES ('$data')";
if ($conn->query($sql) === TRUE) {
  echo "数据插入成功";
} else {
  echo "数据插入失败: " . $conn->error;
}

// 关闭连接
$conn->close();
?>