javascript - 从ajax请求jQuery接收数据

Question

我正在开发一个定制图书网站的项目，我想从 Goodreads 获取图书评论应用程序编程接口(interface)，我的问题是我没有从 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，除非他们在 HTTP 响应中授权您的域使用您无法使用的资源，

但是，有一种方法可以使用 JSONP 或 CORS 代理

• 如果您通过脚本将请求发送到此代理，它将起作用(但它们有配额，以防过度使用):

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