Deezer API - JSON request error with $ .getJSON

Question

Deezer API - JSON request error with $ .getJSON

Navigation

#1 by (2 votes)

3

When I try to perform a simple search in the Deezer API (Public Search API without Authentication Key) I get the following error message as a return:

XMLHttpRequest cannot load http://api.deezer.com/search?q=Bang. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access.

The code used to perform the search:

$.getJSON(
    "http://api.deezer.com/search?q=Bang",
    function(dados) {
        console.log(dados);
    }
);

api jquery ajax json

asked by anonymous 20.11.2015 / 06:19

1 answer

Table / Field for price of products in Magento Changing value of a field in a select

score 2 · Answer 1

To make cross-domain calls, you need to use JSONP, and for the server to know that you expect a JSONP to return, you must add the output=jsonp parameter.

$.ajax({
    type: 'get',
    url: "http://api.deezer.com/search?q=Bang&output=jsonp",
    dataType: 'jsonp',
    contentType: "application/json; charset=utf-8",
    jsonpCallback: "jsonCallback",
    cache:false,
    beforeSend: function(xhr) {
        // função antes de executar a chamada
    },
    success: function(data,statusText,xhr) {
        // função quando ocorrer sucesso
    }
});

function jsonCallback (data) {
    console.log(data);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>