Home / Questions / 25698
Accepted
Edwin V
Asked: 2020-10-01 14:40:35 +0800 CST 2020-10-01 14:40:35 +0800 CST

How can I know if a server allows JSONP or CORS

  • 772

I want to use an API for a Wallpapers page but I ran into the ajax cross domain restriction. Please investigate the error and it can be fixed by using JSONP from JQuery to grab the information returned by the API. This is my request.

$.ajax({
        url: endpoint,
        type: 'GET',
        dataType: 'jsonp',
        data: { 'auth': apikey ,
                'method':'search',
                'term': keyword},
        success: function(data){
            console.log(data);
        }
    })

I also tried this way

$.getJSON(urlsearch+"?callback=?",function(result){
        console.log(result);
    })

It doesn't work either way. I already checked that the API works correctly, This is the error that appears in firebug.

enter image description here

I read that maybe the server does not support JSONP or CORS and that a solution could be to create a script in PHP that obtains the information and transfers it to javascript. But I'm not sure it's the best way to do it. Does anyone know any solution?

Thanks in advance.

javascript

1 Answers

  1. Best Answer
    1. If the page has an API, then the most common is that it has it CORSactivated. However, the fact that it has it does not mean that you can connect if it is not public. In this case, you would need to authenticate yourself (user/password, token, key, etc.)
    2. If you don't know the dot 1, then you make a simple request to the server to parse the response. If it doesn't support CORSit you will see it in the response.

    From what your code shows, you are authenticating yourself to the server with a key ( 'auth': apikey). And this is reflected in the console, since you are getting a response (you can see that an array of objects arrives with data such as width and height).

    The message you get:

    SyntaxError: missing ; before statement

    It is likely because:

    JSON != JSONP

    JSONis not the same as JSONP. A response JSONPis basically a scriptcontaining an execution of a (default) function. An example of a response JSONP:

    functionPredeterminada({
  wallpaper: 'http://hdwallpapers.in?abc=14578',
  width: 2560,
  height: 1600
})

    conclusion

    What you have to do is change jsonpto jsonin order to have a JSONvalid one.

    $.ajax({
        url: endpoint,
        type: 'GET',
        dataType: 'json',
        data: { 'auth': apikey ,
                'method':'search',
                'term': keyword},
        success: function(data){
            console.log(data);
        }
    })
    • 2