Cacher is the code snippet organizer for pro developers

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4) {
    if (xhr.status === 200) {
      data = JSON.parse(xhr.responseText)

      // see http://datatables.net/reference/option/data
      $(document).ready(function() {
        $('#tableId').DataTable({
          data: data,
          columns: [
            { data: "id" },
            { data: "column_name_1" },
            { data: "column_name_2" },
            { data: "column_name_3." },
            { data: "column_name_4" },
            { data: "column_name_5" }
          ]
        });
      });

    } else {

    }

  }
};