Jquery - Как получить XML-данные - программирование

Im полный noob для html, css, javascript и программирования в целом. Пожалуйста, несите меня.

Я пытаюсь заполнить таблицу, используя jquery. Данные будут поступать из 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>

Моя таблица html:

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Club</th>
      <th>Number</th>
      <th>Country</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
  </tfoot>
  </tfoot>
</table>

Мой javascript/jquery script:

$(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>");           
      });
    }
  });
});

Я клянусь, я действительно нуб. Я не знаю, что я делаю. Пожалуйста помоги. Я действительно хочу учиться. Спасибо заранее.

<?xml version="1.0" encoding="utf-8" ?> <RecentBooks> <Book> <Title>My Cool Book Title</Title> <Description>The my cool book is possibly the best cool book in that any developer could use to be a great web designer.</Description> <Date>12/1/2010</Date> </Book> <Book> <Title>Another PHP book</Title> <Description>Learn everything about PHP with 'Another PHP book,' your ultimate guide to the ins and outs of PHP.</Description> <Date>4/1/2010</Date> </Book> <Book> <Title>jQuery Techniques</Title> <Description>jQuery techniques runs you through real life examples of jQuery from beginner to expert</Description> <Date>6/2/2010</Date> </Book> <Book> <Title>MySQL Database Book</Title> <Description>Brush up your knowledge with the best MySQL database book on the market. </Description> <Date>14/2/2010</Date> </Book> </RecentBooks>

$(document).ready(function () { $.ajax({ type: "GET", url: "books.xml", dataType: "xml", success: xmlParser }); }); function xmlParser(xml) { $('#load').fadeOut(); $(xml).find("Book").each(function () { $(".main").append('<div class="book"><div class="title">' + $(this).find("Title").text() + '</div><div class="description">' + $(this).find("Description").text() + '</div><div class="date">Published ' + $(this).find("Date").text() + '</div></div>'); $(".book").fadeIn(1000); }); } <div class="main"> <div align="center" class="loader"><img src="loader.gif" id="load" width="16" height="11" align="absmiddle"/></div> </div> <div class="clear"></div>

Ответ 1