JSON DATA TEST

See: jsondata.com

HTML

<script src="http://www.jsondata.com/js/embed.js"></script>
<script src="https://www.quickbase.com/js/underscore-1.3.3.min.js"></script>
<script id="template" type="text/template">  
      
  <% _.each(root, function(item) { %>   
    <div>
      Teacher: <%= item["text1"] %>, Student: <%= item["text2"] %> (ID: <%= item["id"] %>)<br/>
      Date: <%= item["date1"] %>, Time: <%= item["tod1"] %><br/>
      Score 1: <%= item["lucky number1"] %>, Score 2: <%= item["lucky number2"]%><hr/>
    </div>
  <% }); %>  
</script>
      
<h1>Results</h1>  
<div id="results"></div>

<textarea id="json" cols="100" rows="100"></textarea>

JavaScript

var canvasURL = "https://rmit.instructure.com/api/v1/courses?access_token=mytokenhere";

var viewData = '';
function displayCourses() {
   $.ajax({
      accept: 'application/json+canvas-string-ids',
      url: canvasURL,
      type: 'GET',
      contentType: 'application/json; charset=utf-8',
      dataType: 'jsonp',
      success: function (data) {
         console.log(data);
         console.log("Success");
   },
      done: function () {
         console.log("Done");
   },
      error: function () {
         console.log("Error");
   },
      fail: function () {
         console.log("Request Failed");
   },
      complete: function (status) {
         console.log("Complete " + status.statusText);
   }

}); // end ajax get
   }
      $(document).ready(function () {
         console.log("Doc Loaded");
         displayCourses();

}); // end document ready