JQuery AJAX bekommen JSON Daten

Question

wie man Bild URL von "https://api.qwant.com/api/search/images?count=10&offset=1&q=cars" API mit jquery. Ich kann es nicht tun. brülle ich meinen Code

<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

Ihre Anfrage nicht funktioniert wegen CORS, die auf dem API-Server aktiviert ist. Sie benötigen einen Proxy-Server, um dies zu umgehen. Für Entwicklung Zwecke Sie einen kostenlosen Online-Proxy-Server verwenden konnten, vereinfacht der Code dann:

$.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); 
    } 
}); 

Als Beispiel diesen working fiddle überprüfen.

Answer 2

angebracht habe das Versuchen

$.ajax({ 
    url:"https://api.qwant.com/api/search/images?count=10&offset=1&q=cars", 
    type:"GET", 
    crossDomain : true, 
    async: false, 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    jsonpCallback: "myJsonMethod", 
    success: function(json) { 
     $.parseJson(json) 
    }, 
    error: function(e) { 
     console.log(e); 
    } 
}); 

Dies ist eine Sache CORS, so können Sie Server dies alles von einem Webserver auf, wie http-Server, und ich denke, bestimmen Browser wie Firefox erlauben dies lokal zu geschehen.

Es gibt einige Flags mit Chrome, die erlauben, dass es auch so lokal funktioniert, glaube ich.

Prost