JSAPIjsonStudents

<!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>