12
Jestem totalnym noobem do html, css, javascript i programowania w ogóle. Proszę, weź mnie.jquery - Jak zdobyć dane xml
Próbuję wypełnić moją tabelę za pomocą jquery. Dane będą pochodzić z pliku xml.
football_player.xml
:
<?xml version="1.0" encoding="UTF-8"?>
<football_player>
<name>Cristiano Ronaldo</name>
<club>Real Madrid</club>
<number>7</number>
<country>Portugal </country>
<name>Fernando Torres </name>
<club>Chelsea </club>
<number>9</number>
<country>Spain</country>
<name>Iker Casillas</name>
<club>Real Madrid </club>
<number>1</number>
<country>Spain</country>
<name>David Beckham</name>
<club>Los Angeles Galaxy</club>
<number>23</number>
<country>England</country>
</football_player>
Moja tabela html:
<table>
<thead>
<tr>
<th>Name</th>
<th>Club</th>
<th>Number</th>
<th>Country</th>
</tr>
</thead>
<tbody>
</tbody>
</tfoot>
</tfoot>
</table>
Mój skrypt JavaScript/jQuery:
$(document).ready(function() {
$.ajax({
type: "GET",
url: "football_player.xml",
dataType: "xml",
success: function(xml) {
$(xml).find("football_player").each(function() {
$("table tbody").append("<tr>");
$("table tbody").append("<td>" + $(this).find("name").text() + "</td>");
$("table tbody").append("<td>" + $(this).find("club").text() + "</td>");
$("table tbody").append("<td>" + $(this).find("number").text() + "</td>");
$("table tbody").append("<td>" + $(this).find("country").text() + "</td>");
$("table tbody").append("</tr>");
});
}
});
});
przysięgam im naprawdę noob. Nie mam pojęcia, co robię. Proszę pomóż. Naprawdę chcę się uczyć. Z góry dziękuję.
@zerkms omówieniem nie byłoby złym pomysłem. – Norse
Dane z pliku są dostępne w zmiennej 'xml' w funkcji. – OptimusCrime
Zaktualizowałem swój kod. Proszę spojrzeć. Dzięki. – TheOnlyIdiot