我在html中的表行数据是从CGI应用程序填充的。我希望每行旁边都有一个复选框,这样我就可以删除多行,就像在gmail中一样。
我找出了基本的文本格式,并能够将其发送到CGI程序以删除该行,但我不想一次输入行名来删除单个文件。
当您可以通过复选框选择多个删除时,表单的两侧(html-browser和C-CGI app)的代码是什么样的?某处有例子吗? (我仅限于JS和HTML,但我认为JS无论如何都要进行验证,现在不需要。在CGI应用程序端进行C编码。)
谢谢。
答案 0 :(得分:2)
查看“AJAX”风格的javascript。当您向服务器发出AJAX请求时,传递所有删除。服务器端应编码为在单个请求中接受多个删除。
答案 1 :(得分:2)
嗯,你可以通过以下几种方式实现:
1)让所有元素都采用相同的形式。将每个复选框命名为相同,但为每个复选框指定一个值,以区分它所代表的记录/标识/文件。当浏览器(如果它是兼容的)提交表单时,CGI应用程序应该能够在POST或GET提交中看到HTTP参数。许多像CG这样的CGI应用程序将同名参数组合到一个数组中。您也可以随时使用C自己走参数列表。
// Client side html
<table>
<form>
<tr><td><input type="checkbox" name="id" value="1"/></td><td>Row 1</td></tr>
<tr><td><input type="checkbox" name="id" value="2"/></td><td>Row 2</td></tr>
<tr><td><input type="checkbox" name="id" value="3"/></td><td>Row 3</td></tr>
<tr><td><input type="checkbox" name="id" value="4"/></td><td>Row 4</td></tr>
</form>
</table>
// Server side CGI, using pseudo-code
String[] ids = request.getArrayOfParametersNamed("id");
if(!empty(ids)) {
for(id in ids) {
DatabaseControllerModelThingWhatever.deleteById(id);
}
// Actually if SQL based you should use a batch statement instead of
// one-at-a-time deletes like above
}
// Ok the rows are deleted, either print out the page, or better yet,
// send a redirect so that a user-refresh does not try and re-delete
// already deleted stuff and also give the user a wierd "resubmit form" warning
// Done
2)使用AJAX,最好使用某种类型的Javascript库,当用户点击删除时,执行基于ajax的提交,提交删除已检查记录的请求。同时使用Javascript从HTML表中删除行。这意味着用户的页面永远不会完全刷新,好吧,等等。
// Client side HTML is same as before, only this time there is a DELETE button with
// an onclick handler. Also, add a "class" or "id" to each "tr" so we can find it
// in the HTML table
// Pseudo-javascript because I am lazy
function onDeleteButtonClick() {
// Get our ids
var idElements = document.getElementsById("id");
// Submit an async AJAX request (e.g. use Jquery and send ids as URL params)
ajaxedDeleteSubmission(idElements);
// Delete all the rows that should not be there
for(i = 0; i < tablex.rows.length; i++) {
// Grab the value of the "id" attribute of each table row (<tr id="?">...</tr>)
id = tablex.rows[id].id;
if(id in ids) {
// Remove the row, forget how because now I just use Jquery.
tablex.deleteRow(i);
}
}
}