從ajax請求jQuery接收數據

Question

我正在研究定制書籍網站的項目，我想從Goodreads API中獲得書籍的評論，我的問題是我沒有從Ajax請求中收到任何東西，這是我的代碼

$.ajax({
    'type': 'GET',
    'url': 'https://www.goodreads.com/book/review_counts.json',
    'contentType': 'application/json; charset=UTF-8',
    'data': {
        'key':'GHEH*******4B3w',
        'format':'json',
        'isbns':9782811215576,
    },
    'dataType':'jsonp',
    'success': function(data){
        console.log(data);
    },
    'error': function(xhr, textStatus, error){
      console.log(xhr.statusText);
      console.log(textStatus);
      console.log(error);
    }
});

我在瀏覽器控制台上收到這樣的消息：

error
error
error
Failed to load for <script> element whose source is « https://www.goodreads.com/book/review_counts.json?callback=jQuery33108722523662348513_1538779243929&key=GH ...

但是當我嘗試像這樣直接從瀏覽器訪問鏈接時：

https://www.goodreads.com/book/review_counts.json?key=GHE*******B3w&format=json&isbns=9782811215576

它完美地工作

Answer 1

您的問題出在CORS（跨源資源共享）上，goodreads.com allow-control-allow-origin任何人allow-control-allow-origin ，除非他們在那里有HTTP響應以允許您的域使用其資源，而您不會能夠，

但是，您可以使用一種方法來使用JSONP或CORS代理

• 如果您通過腳本將請求發送到此代理，它將起作用（但是如果有過度使用的話，它們會有配額）：

https://crossorigin.me/https://www.goodreads.com/book/review_counts.json?key=GHE ******* B3w＆format = json＆isbns = 9782811215576