JSONデータをjqueryで読み込みます。 Uncaught SyntaxError：予期しないトークン：

Question

jqueryを使用してJSONデータを読み取ろうとしています。具体的には、このURLからJSONを読み込もうとしています：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=？
私はこのエラーを取得しておくしかし： Uncaught SyntaxError: Unexpected token :
ここに私の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]); 

     }); 
    }); 

私はJSONコードで非常に最初のコロンでのエラーを取得しています。
私が理解するところでは、JSONデータは実際にJavascriptとして読み込まれています。どうしたらいいですか？

Answer 1

を読むAPI Docs JSONP経由でデータを取得するために、jsnop=1パラメータを指定する必要があることがわかりました。

間に合わ正しいコードはこのようなものになるだろう：

$(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]); 
      } 
     }); 
    }); 

私はまた、あなたが簡単にパラメータを変更できるように要求を構造化。

PS：そのJSON表記（[「1」]クラスタ内など）