Добавить контент в новую строку jQuery ajax

Question

У меня проблема с добавлением нового контента в новую строку. Это мой код, и я не знаю, как отобразить весь контент в новой строке.

$(document).ready(function() {
  showUsers()
});

function showUsers() {
  $.ajax({
    url: "https://barka.foi.hr/WebDiP/2019/materijali/zadace/dz3/userNameSurname.php?all",
    type: "GET",
    dataType: "xml",
    success: function(response) {
      $(response).find("user").each(function() {
        var name = $(this).find("name").text();
        $("#imeGet").append(name + "<br>");
        var prezime = $(this).find("surname").text();
        $("#prezimeGet").append(prezime + "<br>");
        var email = $(this).find("email").text();
        $("#emailGet").append(email + "<br>");
        var slika = $(this).find("image").text();
        $("#slikaGet").append(slika + "<br>");
      });
    }
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table">
  <thead>
    <tr>
      <th>ime</th>
      <th>prezime</th>
      <th>Email</th>
      <th>slika</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td id="imeGet" style="border: 1px solid red;"></td>
      <td id="prezimeGet"></td>
      <td id="emailGet"></td>
      <td id="slikaGet"></td>
    </tr>
  </tbody>
</table>
<p id="xx"></p>

Answer 1

Вы можете добавить строки следующим образом:

$(document).ready(function() {
  showUsers()
});

function showUsers() {
  $.ajax({
    url: "https://barka.foi.hr/WebDiP/2019/materijali/zadace/dz3/userNameSurname.php?all",
    type: "GET",
    dataType: "xml",
    success: function(response) {
      $(response).find("user").each(function() {
        var name = $(this).find("name").text();
        var prezime = $(this).find("surname").text();
        var email = $(this).find("email").text();
        var slika = $(this).find("image").text();
        var newUser = "<tr><td style='border: 1px solid red;'>" + name + "</td><td>"
+ prezime + "</td><td>" + email + "</td><td>"  + slika +  "</td></tr>";
        $(".table").append(newUser);
      });
    }
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table">
  <thead>
    <tr>
      <th>ime</th>
      <th>prezime</th>
      <th>Email</th>
      <th>slika</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>
<p id="xx"></p>