支持单击链接,但向服务器发送POST(vs GET),而不支持Ajax?

您不必在每个最终td中塞满一个表单——您可以用一个在每个最终td中都有提交按钮的表单包围整个表。

    <td><input type="submit" name="delete_172" value="Delete"></td>
    ...
    <td><input type="submit" name="delete_198" value="Delete"></td>

然后服务器将收到一个 delete_172=Delete 在表格中 POST 扫描所有要匹配的参数 delete_[0-9]+ ,在下划线上拆分,并且您有要删除的记录的记录ID,或者您有一个映射键来查找要删除的记录ID(如果您希望将记录ID保留在页面之外以确保安全)

之后,将JS事件处理程序附加到表单onSubmit事件,通过XHR提交整个事件,并动态删除表行。

GET请求修改数据的一个问题是,通过访问链接数据会发生更改。这个链接甚至可能不会被一个人导航到,比如谷歌在你的网站上爬行。单击刷新也会更改数据。

只有你了解你的用户,但我认为现在在“web应用程序”中需要javascript并让没有js的人坚持“web页面”是很容易的。不管怎样,不管怎样,我有时喜欢做一个这样的(比AJAX)javascript解决方案更不那么理想。。。

在页面中的任意位置放置表单:

<form method="post" target="yourpage.ext" id="deleteRecordForm">
 <input type="hidden" name="IdToDelete" value="" id="deleteRecordInput" />
</form>

<a href="#" onclick="deleteRecord(thisId);return false;">[x]</a>

最后,javascript:

<script type="text/javascript">
 function deleteRecord (id){
   if (confirm ('Are you sure you want to delete this record?')){
     document.getElementById('deleteRecordInput').value = id;
     document.getElementById('deleteRecordForm').submit ();
   }
 }
</script>