javascript - Początek http://127.0.0.1 jest niedozwolony przez Access-Control-Allow-Origin

Question

Tworzę prostą galerię, która wykonuje zdjęcia z konta picasa za pomocą html + javascript.

Najpierw pobiera listę albumów, a następnie, dla każdego albumu, pobiera listę zdjęć. Pierwszy kwerenda działa poprawnie, ale inni zwraca ten błąd w przeglądarce (Chrome):

GET https://picasaweb.google.com/data/entry/base/user/114476218463019618611/albumid/5750459375839674337?alt=json&hl=en_US 404 (nie znaleziono) jquery.js: 8240 XMLHttpRequest nie może załadować https://picasaweb.google.com/data/entry/base/user/114476218463019618611/albumid/5750459375839674337?alt=json&hl=en_US. Plik origin: // jest niedozwolony przez Access-Control-Allow-Origin.

Jest to kod:

  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, 
        }); 
      } 

Dzięki.

EDIT:

I notica że jeśli usunąć wiersz:

      + "/albumid/" + album_ID 

Works (oczywiście, bez oczekiwanej odpowiedzi).

Answer 1

Wygląda na to, że winę ponosi CORS. Odpowiedzi nagłówka programu Picasa różnią się między tymi dwoma żądaniami. Udaje się, gdy zawierają one access-control-allow-origin:*.

Picasa obejmuje go: https://picasaweb.google.com/data/entry/base/user/114476218463019618611?alt=json&hl=en_US

Ale nie w: https://picasaweb.google.com/data/entry/base/user/114476218463019618611/albumid/5750459375839674337?alt=json&hl=en_US