добавить с помощью вызова ajax на таблицу, не очищая предыдущие данные в jquery php?

Question

Я работаю с jquery и php, чтобы получить динамические данные с помощью вызова ajax в табличном формате.У меня есть один вариант выбора, в котором я могу выбирать разные компании. С помощью выбора я получу некоторые данные о конкретном сотруднике с помощью ajax. Я связываю эти данные с таблицей.Но проблема в том, что если я выберу компанию 1, то смогу связать данные компании 1. onchange company 2, данные компании 1 должны исчезнуть, а данные компании 2 будут только там.но в моем состоянии onchange company 2 предыдущие данные все еще там.

Ниже мой код вызова ajax:

 $.ajax({

          method: "GET",
           dataType: 'json',
           url:"getdata.php?id="+emp_id,
              success:function (response){
                     $.each(response, function( index, value ) {

                              $("table.table").append("<tr><td>" + response.emp_name + "</td><td>"  + "</td><td><input type='file'></td></tr>");

                      });
              },  
      });

Ниже мой html:

<table class="table">
        <thead>
        <tr>
            <th>Employee Name</th>
            <th></th>
        </tr>
        </thead>
        <tbody>

        </tbody>
</table>

Answer 1

Вы должны очистить свою таблицу перед добавлением контента.Как показано ниже:

success:function (response){
    $("table.table").find('tbody').empty();
        $.each(response, function( index, value ) {
             $("table.table").find('tbody').append("<tr><td>" + response.emp_name + "</td><td>"  + "</td>    <td><input type='file'></td></tr>");
    });
}.

Также вы должны добавить в таблицу tbody.Надеюсь, это поможет вам.

Answer 2

, так как вы используете append при успешном получении данных, вы должны очистить данные в вашей таблице, иначе он только добавит данные ниже.

НА ВАШЕМ HTML

Установите для идентификатора attr свой тег <tbody>:

 <tbody = "bodytable">

НА СВОЙ СКРИПТ *

добавьте код для очисткиданные на вашем <tbody>

          $("bodytable").empty();

 $.each(response, function( index, value ) {

      $("table.table").append("<tr><td>" + response.emp_name + "</td><td>"  + "</td><td><input type='file'></td></tr>");

      });

Есть много способов сделать это.Надеюсь, это поможет!