当我再次搜索时,在JavaScript中复制表中的行

当我再次搜索时,在JavaScript中复制表中的行,javascript,jquery,ajax,Javascript,Jquery,Ajax,我是JavaScript和PHP新手,我只想在表中搜索数据,但这样做时,当我再次单击搜索按钮时,它会再次调用负责SQL请求的PHP文件,并在以前的ons下一次又一次地显示数据。您是否有任何解决方案来避免这种情况。这是我的密码 function postselect() { var _type = $('#typeid').val(); var _pression = $('#pressionid').val(); var _code = $('input[name="code

我是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);
     });
 }

由于您正在添加数据,因此它会添加数据。在附加数据之前,请使用以下命令清除数据:

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

另一种方法是使用
.empty()

因为您要添加数据,所以它会添加数据。在附加数据之前,请使用以下命令清除数据:

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

另一种方法是使用
.empty()

在每次单击时添加项目,而不删除以前的元素

您可以尝试以下方法:

发件人:

致:


每次单击都会附加项目,而不会删除以前的元素

您可以尝试以下方法:

发件人:

致:


由于要替换元素的内容,而不是添加到元素中,请使用
.html()


由于要替换元素的内容,而不是添加到元素中,请使用
.html()


empty
+
append
=
html
我知道,这只是ops问题的一个简单替代方案。无论如何,谢谢Barmar
empty
+
append
=
html
我知道,这只是ops问题的一个简单替代方案。无论如何,谢谢Barmar@Barmar事实上,出于某种原因,OP有
.html(数据)
。不知道为什么它不起作用。查看修订版?我甚至从未见过原始版本。这应该行得通的。是的,这就是我给出这个答案的原因。否则我为什么会这样做?
.html(数据)
位于不同的元素(
.table
而不是
tbody
)上,并被注释掉了。实际代码有
.append()
@Barmar Ah ok…:)@实际上,出于某种原因,巴尔马的OP有
.html(数据)
。不知道为什么它不起作用。查看修订版?我甚至从未见过原始版本。这应该行得通的。是的,这就是我给出这个答案的原因。否则我为什么会这样做?
.html(数据)
位于不同的元素(
.table
而不是
tbody
)上,并被注释掉了。实际代码有
.append()
@Barmar Ah ok…:)事实上,出于某种原因,OP有
.html(数据)
。不知道为什么它不起作用。查看修订版?它已被注释掉,因此不相关。实际上,出于某种原因,OP有
.html(数据)
。不知道为什么它不起作用。查看修订版?它被注释掉了,所以它不相关。
function(data) {
   $('tbody').empty();
   $('tbody').append(data);
});
$('tbody').html(data);