Lesen von JSON-Daten mit jquery. Uncaught SyntaxError: Unerwartetes Token:

Question

Ich versuche, JSON-Daten mit Jquery zu lesen. Speziell versuche ich den JSON von dieser URL zu lesen: http://mkweb.bcgsc.ca/color-summarizer/?url=http://scontent-a.cdninstagram.com/hphotos-xfa1/t51.2885-15/10643840_701797013239098_657737630_a.jpg&precision=low&num_clusters=3&json=1&callback=?
Jedoch habe ich diesen Fehler erhalte: Uncaught SyntaxError: Unexpected token :
Hier ist meine Jquery:

$(document).ready(function() { 

     var one = "1" 

     $.getJSON('http://mkweb.bcgsc.ca/color-summarizer/?url=http://scontent-a.cdninstagram.com/hphotos-xfa1/t51.2885-15/10643840_701797013239098_657737630_a.jpg&precision=low&num_clusters=3&json=1&callback=?', function(result) { 

      document.write(result.clusters.one.rgb[0]); 

     }); 
    }); 

Ich erhalte den Fehler bei der ersten Doppelpunkt in dem Code JSON.
Von dem, was ich verstehe, werden die JSON-Daten tatsächlich als Javascript gelesen. Wie kann ich das beheben?

Answer 1

Lesen der API Docs Ich fand, dass Sie einen jsnop=1 Parameter angeben müssen, um Daten über JSONP abzurufen. so etwas wie diese

Tthe würde richtiger Code sein:

$(document).ready(function() {   
     $.ajax({ 
      url: 'http://mkweb.bcgsc.ca/color-summarizer/', 
      type: 'GET', 
      dataType: 'jsonp', 
      jsonpCallback: 'colorsummary', 
      data:{ 
       url: 'http://scontent-a.cdninstagram.com/hphotos-xfa1/t51.2885-15/10643840_701797013239098_657737630_a.jpg', 
       precision: 'low', 
       num_clusters: '3', 
       jsonp: '1' 
      }, 
      success: function(result){ 
       document.write(result.clusters['1'].rgb[0]); 
      } 
     }); 
    }); 

ich strukturierte auch die Anforderung, so dass Sie Parameter leicht ändern können.

PS: Uhr mit dieser JSON Notation aus (die [ '1'] in Clustern und so)