我有一个普通的 html 表格,其中每个单元格都包含一个名称。我为这些单元格中的每一个添加了一个函数,如果它是白色的,则将单元格的背景颜色变为绿色,反之亦然。但是,我还想在单击单元格时更新 mySql 数据库,但我似乎无法找到一个好的方法来执行此操作,而无需重新加载页面(我不希望这样做)或使用 javascript连接到服务器(这似乎是一个非常糟糕的做法)。此时页面已经加载完毕。有人有什么好的建议吗?
<script type="text/javascript">
var tbl = document.getElementById("table");
if (tbl != null) {
for (var i = 1; i < tbl.rows.length; i++) {
for (var j = 0; j < tbl.rows[i].cells.length; j++)
tbl.rows[i].cells[j].onclick = function () { getval(this); };
}
}
function getval(cel) {
if(cel.style.backgroundColor == "green")
{
cel.style.backgroundColor = "white";
// Here I would like to update my datebase with mySql
// query(UPDATE team SET attended=0 WHERE name = cel.innterText)
// (name associated with the cell)
}
else
{
cel.style.backgroundColor = "green";
// Here I would like to update my datebase with mySql
// query(UPDATE team SET attended=1 WHERE name = cel.innterText)
// (name associated with the cell)
}
}
</script>