Javascript - Origin http://127.0.0.1 ist nicht erlaubt von Access-Control-Allow-Origin

Question

Ich mache eine einfache Galerie, die die Fotos von einem Picasa-Konto mit HTML + Javascript.

Zuerst wird die Liste der Alben abgerufen und dann für jedes Album die Liste der Fotos abgerufen. Die erste Abfrage funktioniert gut, aber die andere gibt diesen Fehler zurück im Browser (Chrome):

GET https://picasaweb.google.com/data/entry/base/user/114476218463019618611/albumid/5750459375839674337?alt=json&hl=en_US 404 (nicht gefunden) jquery.js: 8240 XMLHttpRequest nicht https://picasaweb.google.com/data/entry/base/user/114476218463019618611/albumid/5750459375839674337?alt=json&hl=en_US laden. Origin-Datei: // ist nicht zulässig von Access-Control-Allow-Origin.

Dies ist der Code:

  var json_Album_URI = "https://picasaweb.google.com/data/feed/base/" 
       + "user/"  + username 
       + "?alt="  + "json" 
       + "&kind="  + "album" 
       + "&hl="  + "en_US" 
       + "&fields=" + "entry(media:group,id)" 
       + "&thumbsize=" + 104 
       + "&authkey=" + authkey; 

      $.ajax({ 
        type: 'GET', 
        url: json_Album_URI, 
        success : function(resp) { 
          albums = resp.feed.entry; 
        }, 
        dataType: 'json', 
        async: false 
      }); 
      for (var id in albums) { 
        var album = albums[id]; 
        var album_ID = album.id.$t.split('/')[9].split('?')[0]; 
        var json_Photo_URI = "https://picasaweb.google.com/data/feed/base/" 
          + "user/"  + username 
          + "/albumid/" + album_ID 
          + "?alt="  + "json" 
          + "&kind="  + "photo" 
          + "&hl="  + "en_US" 
          + "&fields=" + "entry(media:group)" 
          + "&thumbsize=" + 104 
          + "&authkey=" + authkey; 
        //this is the ajax call that fails 
        $.ajax({ 
          type: 'GET', 
          url: json_Photo_URI, 
          success: function(photos) { 
            console.log(photos); 
          }, 
          dataType: "json", 
          async: false, 
        }); 
      } 

Dank.

EDIT:

ich, dass notica wenn ich die Zeile entfernen:

      + "/albumid/" + album_ID 

Werke (natürlich ohne die erwartete Antwort).

Answer 1

Es sieht aus wie CORS ist schuld. Die Header-Antworten von Picasa unterscheiden sich zwischen diesen beiden Anforderungen. Es ist erfolgreich, wenn sie enthalten.

Picasa enthält es in: https://picasaweb.google.com/data/entry/base/user/114476218463019618611?alt=json&hl=en_US

Aber nicht in: https://picasaweb.google.com/data/entry/base/user/114476218463019618611/albumid/5750459375839674337?alt=json&hl=en_US