jQueryを使ってflickr apiを呼び出す

Question

私のウェブサイトでこのコードを実行すると、セットで写真を取得できますが、いつもエラーが発生します。コンソールログには "parsererror"と表示されます。私は間違って何をしていますか？

middle.php

<?php die(file_get_contents($_REQUEST['url'])); ?> 

script.js

//Flickr 
var url = encodeURIComponent('http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=1408bff5f72a4b84b924d13e8562b6a2&photoset_id=77649470@N03&photoset_id=72157629903184261&format=json'); 
$.ajax({ 
    url: "middle.php?url="+url, 
    dataType: "json", 
    success: function(){ 
     console.log("yes"); 
    }, 
    error: function(jqXHR, textstatus, errorThrown){ 
     console.log("nooo"); 
     console.log(textstatus); 
    } 
}); 

Answer 1

あなたがあるため、クロスドメインセキュリティの問題の問題を抱えている場合は、「中間業者」を作成したいと思いますページ。私は私の例としてPHPを使用します。異なるドメインのURLを受け入れ、テキスト/コードを取得して返します。middle.phpを作成します。私のJSは、これを同じサイトのリクエストとみなし、すべてが素敵です。

middle.php

<?php die(file_get_contents($_REQUEST['url'])); ?> 

PHPは、あなたが使用しているものでない場合は、独自の環境で同じ戦略を適用することができます。

その後、あなたのAJAX呼び出しは次のようになります。..

var url = encodeURIComponent('http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=1408bff5f72a4b84b924d13e8562b6a2&photoset_id=77649470@N03&photoset_id=72157629903184261&format=json'); 

$.ajax({ 
    url: "middle.php?url="+url, 
    dataType: "json", 
    success: function(){ 
     console.log("yes"); 
    }, 
    error: function(jqXHR, textstatus, errorThrown){ 
     console.log("nooo"); 
     console.log(textstatus); 
    } 
}); 

しかし、私はもっとそうajax()

$.getJSON("middle.php?url="+url, function(obj){ 
    if (obj.photoset){ 
     console.log("Success"); 
    } else { 
     console.log("Error"); 
    } 
});