将js表格单元格值发布到PHP并插入到MYSQL数据库的步骤如下:
以下是一个示例代码:
前端(HTML+JavaScript):
<!DOCTYPE html>
<html>
<head>
<title>JS表格数据插入数据库</title>
</head>
<body>
<table id="myTable">
<tr>
<td>John</td>
<td>Doe</td>
</tr>
<tr>
<td>Jane</td>
<td>Smith</td>
</tr>
</table>
<button onclick="publishTableData()">发布表格数据</button>
<script>
function publishTableData() {
var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");
var data = [];
for (var i = 0; i < rows.length; i++) {
var cells = rows[i].getElementsByTagName("td");
var rowData = [];
for (var j = 0; j < cells.length; j++) {
rowData.push(cells[j].innerHTML);
}
data.push(rowData);
}
// 使用AJAX发送数据到PHP文件
var xhr = new XMLHttpRequest();
xhr.open("POST", "insert_data.php", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(JSON.stringify(data));
}
</script>
</body>
</html>
后端(PHP)(insert_data.php):
<?php
$data = json_decode(file_get_contents('php://input'), true);
// 建立与MYSQL数据库的连接
$servername = "数据库服务器名称";
$username = "数据库用户名";
$password = "数据库密码";
$dbname = "数据库名称";
try {
$conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
// 遍历数据并插入到数据库表中
foreach ($data as $row) {
$stmt = $conn->prepare("INSERT INTO 表名 (列1, 列2) VALUES (:value1, :value2)");
$stmt->bindParam(':value1', $row[0]);
$stmt->bindParam(':value2', $row[1]);
$stmt->execute();
}
echo "数据插入成功!";
} catch(PDOException $e) {
echo "数据插入失败:" . $e->getMessage();
}
$conn = null;
?>
上述代码是一个简单的示例,仅演示了如何通过AJAX将表格数据发送到PHP并插入到MYSQL数据库中。在实际开发中,需要进行更多的错误处理、数据验证和安全性考虑。具体的数据库连接参数、表名、列名等需要根据实际情况进行修改。
领取专属 10元无门槛券
手把手带您无忧上云