asimryu

jquery xml index(2015.06.18)

Jun 17th, 2015
342
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.02 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="ko">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>jQuery XML</title>
  6. <script src="http://code.jquery.com/jquery-latest.js"></script>
  7. </head>
  8. <body>
  9. <table>
  10. <tbody>
  11. <tr>
  12. <td>번호</td>
  13. <td>과정</td>
  14. <td>이름</td>
  15. <td>소속</td>
  16. <td>학년</td>
  17. </tr>
  18. </tbody>
  19. </table>
  20. <script>
  21. $.ajax({
  22. type: "GET",
  23. url: "list.xml",
  24. dataType: "XML",
  25. success: function(xml){
  26. $list = $(xml).find("student");
  27. var sno = 0;
  28. $list.each(function(){
  29. sno++;
  30. var classtitle = $(this).find("classtitle").text();
  31. var sname = $(this).find("sname").text();
  32. var school = $(this).find("school").text();
  33. var year = $(this).find("year").text();
  34. var tr = "<tr>";
  35. tr += "<td>" + sno + "</td>";
  36. tr += "<td>" + classtitle + "</td>";
  37. tr += "<td>" + sname + "</td>";
  38. tr += "<td>" + school + "</td>";
  39. tr += "<td>" + year + "</td>";
  40. tr += "</tr>";
  41. $("table > tbody").append( tr );
  42. });
  43. }
  44. });
  45. </script>
  46. </body>
  47. </html>
Advertisement
Add Comment
Please, Sign In to add comment