Question

我是JavaScript和PHP的新手，我只是想在表中搜索数据，但是这样做，当我再次点击搜索按钮时，它再次调用负责SQL请求的PHP文件并在下面显示数据以前的ons一次又一次有没有任何解决方案来避免这种情况。这是我的代码。

 function postselect() {
   var _type = $('#typeid').val();
   var _pression = $('#pressionid').val();
   var _code = $('input[name="code"]').val();
   var _designiation = $('input[name="designiation"]').val();
   var _diametre = $('input[name="diametre"]').val();
   var _epaisseur = $('input[name="epaisseur"]').val();
   var _prix = $('input[name="prix"]').val();
   var _etat = $('input[name="etat"]').val();

   // code ici avant   mising pour ne pas avoir de multiple  
   $.post('select.php', {
       posttype: _type,
       postpression: _pression,
       postcode: _code,
       postdesigniation: _designiation,
       postdiametre: _diametre,
       postepaisseur: _epaisseur,
       postprix: _prix,
       postetat: _etat
     }, function(data) {
       $('tbody').append(data);
     });
 }

Answer 1

由于您追加数据，因此会附加。在附加数据之前，请使用以下命令清除它：

$('tbody').html("").append(data);

替代方法是使用.empty()。

Answer 2

您在每次点击时附加项目而不删除以前的元素。

你可以试试这个：

从：

function(data) {
   $('tbody').append(data);
});

为：

function(data) {
   $('tbody').empty();
   $('tbody').append(data);
});

Answer 3

由于您要替换元素的内容而不是添加元素，请使用.html()：

$('tbody').html(data);

我再次搜索时在JavaScript表格中重复行

3 个答案: