javascript - jQuery ajax获取json数据

Question

如何使用 jquery 从“https://api.qwant.com/api/search/images?count=10&offset=1&q=cars”api 获取图像 url。我做不到。下面我附上了我的代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$.ajax({
    url:"https://api.qwant.com/api/search/images?count=10&offset=1&q=cars",
    type:"GET",
    crossDomain : true,
    async: false,
    dataType: "jsonp",
    jsonpCallback: "myJsonMethod",
    success: function(json) {
       $.parseJson(json)
    },
    error: function(e) {
       console.log(e);
    }
});

function myJsonMethod(response)
{
    console.log(response);
}
</script>

Answer 1

您的请求因 API 服务器上启用的 CORS 而无效。您需要一个代理服务器来解决这个问题。出于开发的目的，您可以使用免费的在线代理服务器，然后您的代码将得到简化:

 $.ajax({
    url:"<PROXY:SERVER>https://api.qwant.com/api/search/images?count=10&offset=1&q=cars",
    success: function(json) {
        // Do stuff with data
    },
    error: function(e) {
       console.log(e);
    }
});

例如，查看此 working fiddle .