मुझे नई पंक्ति में नई सामग्री जोड़ने में समस्या है। यह मेरा कोड है और मुझे नहीं पता कि सभी सामग्री को नई पंक्ति में कैसे प्रदर्शित किया जाए।

$(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>
0
Learner12 16 अप्रैल 2020, 16:06

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>
0
matthias_h 16 अप्रैल 2020, 13:51