从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