jquery - 如何删除行并使用 JQuery 提交表单？

Question

我正在尝试执行一个删除行的函数，删除行后我想提交一个表单。下面是代码:

<button type="button" class="icon fa fa-trash-o a-tabel" value="Submit" style="display:none;"></button>

jQuery(".a-tabel").click(function(e) {
    e.preventDefault();
    jQuery('#a').find('tr:last').remove();
    jQuery('#zone-form').submit();   
});

我可以删除表单行并提交表单，但是当我刷新页面时，删除的行又回来了:(。谁能告诉我我的代码有什么问题，谢谢 :)。

Answer 1

正如 Adyson 和 charlietfl 所解释的，必须使用服务器端来检查表单是否已经提交。

通过 Jquery，您也可以将 cookie 与 js-cookie.js 一起使用.

提交表单时添加数据，检查刷新和删除行上是否存在数据。我做了一个小例子CodePen。

http://codepen.io/anon/pen/QdWXpJ

var d = Cookies.get('deleted-row'); // Check if cookie i define

if(d != undefined){ // If cookie is define
  removerow($('#a')); // Send element to function for delete row
}

$(".a-tabel").click(function(e) {
  e.preventDefault();
  removerow($('#a')); // Send element to function for delete row
  Cookies.set('deleted-row', 'yes'); // add cookie 
  $('#zone-form').submit();   
});

function removerow(el){
  el.find('tr:last').remove(); // Remove your row
}

您可以使用 remove 函数删除 cookie Cookies.remove('deleted-row');