我的 onclick 函数只能在第一次使用。onclick 函数触发 ajax 请求后,在 success 函数内,我重新加载一个包含从 SQL 检索值的代码并使用 for 循环构建 html 表的代码。
尽管它正确刷新了表(它正确地从数据库添加了新值),但当我单击表元素时,onclick 函数停止反应。但是当我刷新表格时,它再次开始工作,但仍然只有 1 次
我究竟做错了什么?
这是我的 onclick 函数与 Ajax 的结合:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#main tbody').on('click', 'td', function () {
$irow = $(this).parent().index();
$icol = $(this).index();
console.log(" row and column: ");//to debug
console.log($irow);//to debug
console.log($icol);//to debug
$.ajax({
type: "POST",
url: "check_db.php",
data: { 'srow' : $irow,
'scol' : $icol
},
success: function(data) {
alert(data);
console.log(data);
$("#view").load(" #view > *")
}
});
});
});
</script>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
芜湖不芜