Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title></title>
- <script type="text/javascript" src="jquery-1.9.1.min.js"></script>
- </head>
- <body>
- <div id="students-list"></div>
- <script type="text/javascript">
- function onLoadSuccess(students) {
- var studentsHTML =
- "<table border='1'>"+
- "<tr>"+
- "<th>First Name</th><th>Second Name</th><th>Grade</th>"+
- "</tr>";
- for (var i = 0; i < students.length; i += 1) {
- studentsHTML +=
- "<tr>"+
- "<td>" + students[i].firstname + "</td>" +
- "<td>" + students[i].lastname + "</td>" +
- "<td>" + students[i].grade + "</td>"
- "</tr>";
- }
- $("#students-list").html("");
- $("#students-list").html(studentsHTML);
- }
- function onLoadError(err) {
- console.error(err);
- }
- $.getJSON("data.js").success(onLoadSuccess).error(onLoadError);
- // $.getJSON("data.js", onLoadSuccess).error(onLoadError);
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement