JavaScript JSONP Request Error — Uncaught SyntaxError: Unexpected token :

You need to define a function that will be called by the newly loaded script. A jsonp return is live code to be run immediately, not a dead object like traditional json.

This code below works and is tested.

So something like this, where the callback is named theData:

function jsonp(url, callback) {
   var script = document.createElement("script");
   script.src = url
   document.body.appendChild(script);
}


theData = function(data){
    console.log(data);
}
jsonp('ok.js?callBack=theData');

Jquery creates the call back for you by passing it to the jsonp loader and adding the function to Window temporarily and then removing it after its been called just after sending it to the jsonp success function. In your case you can do the same, but I thought this simpler example would show the basics.

Then use PHP or the like to wrap the JSON in a function call. In PHP you can fetch the name of the function with $GET['callback'] and use that string as the function name of the function in which to wrap your data. Once the script is loaded it will attempt to run "theData," in this case which is a function available on Window. This will allow you to load local files if the html is also local, and allow you to open data from a different domain. So the output from the server is:

theData({ "items":[
      {
         "label":"Home",
         "url":"#/home",
         "items":[

         ]
      },
      {
         "label":"About",
         "url":"#/about",
         "items":[
            {
               "label":"What I eat",
               "url":"#/about/what-i-eat"
            },
            {
               "label":"How I Play",
               "url":"#/about/how-i-play"
            },
         ]
      },
      {
         "label":"Project",
         "url":"#/project",
         "items":[
         ]
      },
      {
         "label":"Ideas",
         "url":"#/ideas",
         "items":[
            {
               "label":"Cookies Club",
               "url":"#/ideas/cookies-club"
            },
            {
               "label":"Footie Boots",
               "url":"#/ideas/footie-boots"
            },
            {
               "label":"Books",
               "url":"#/ideas/books"
            }
         ]
      },
      {
         "label":"Contact",
         "url":"#/contact",
         "items":[
            {
               "label":"Email",
               "url":"#/contact/email"
            },
            {
               "label":"Phone",
               "url":"#/contact/phone"
            },
            {
               "label":"Snail Mail",
               "url":"#/contact/snail-mail"
            }
         ]
      }
   ]
})