javascript - Nguồn gốc http://127.0.0.1 không được phép bởi Access-Control-Allow-Origin

Question

Tôi đang tạo một bộ sưu tập đơn giản để chụp ảnh từ tài khoản picasa với html + javascript.

Trước tiên, hãy lấy danh sách album và sau đó, cho từng album, nhận danh sách ảnh. Truy vấn đầu tiên hoạt động tốt, nhưng những người khác trả về lỗi này trong trình duyệt (Chrome):

GET https://picasaweb.google.com/data/entry/base/user/114476218463019618611/albumid/5750459375839674337?alt=json&hl=en_US jquery.js 404 (Not Found): 8240 XMLHttpRequest không thể tải https://picasaweb.google.com/data/entry/base/user/114476218463019618611/albumid/5750459375839674337?alt=json&hl=en_US. Tệp gốc: // không được Access-Control-Allow-Origin cho phép.

Đây là mã:

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

Cảm ơn.

EDIT:

tôi notica rằng nếu tôi loại bỏ các dòng:

      + "/albumid/" + album_ID 

công trình (tất nhiên, nếu không có sự phản ứng dự kiến).

Answer 1

Có vẻ như CORS là để đổ lỗi. Phản hồi tiêu đề của Picasa khác nhau giữa hai yêu cầu đó. Nó thành công khi chúng bao gồm access-control-allow-origin:*.

Picasa bao gồm nó trong: https://picasaweb.google.com/data/entry/base/user/114476218463019618611?alt=json&hl=en_US

Nhưng không nằm ở: https://picasaweb.google.com/data/entry/base/user/114476218463019618611/albumid/5750459375839674337?alt=json&hl=en_US