jQuery AJAX JSONP error "Unexpected token"

Question

I'm trying to make a cross domain JSONP call in Chrome, but the I keep getting back "Uncaught SyntaxError: Unexpected token :" I've tried: changing the response content type, setting xhr headers, JSON.stringify, just about most of the solutions offered on here but nothing worked so far :-(

 $.ajax({
                type: "POST",
                url: "https://www.virustotal.com/vtapi/v2/url/report",
                crossDomain: true,
                contentType: "application/json; charset=UTF-8",
                dataType: 'jsonp',
                data: {
                    apikey: "*",
                    resource: "http://www.1001freefonts.com/font/BaroqueScript.zip"
                },
                jsonp: false,
                jsonpCallback: receive,
                success: function (data, textStatus, jqXHR) {
                    console.log("Data retrieved: " + data);
                }
            }).done(function () {
                console.log('I think we are done here');
            })
        .error(function (e) {
            console.log(arguments);
            console.log('something went funny here');
        })
        .complete(function (xhr, status) {

            console.log("complete");
        if (status === 'error' || !xhr.responseText) {
            console.log('error');
        }
        else {
            console.log("data found:" + xhr.responseText);
            //...
        }
    });
    });

    function receive(saveData) {
        if (saveData == null) {
            console.log("DATA IS UNDEFINED!");  // displays every time
        }
        console.log("Success is " + saveData);  // 'Success is undefined'
    }

In the debugger I can see the response

{"permalink": "https://www.virustotal.com/url/b5b546fdbb49a2258e951c5e568a52655c65ac56112e39d15af0954a53b36772/analysis/1360339512/", "url": "http://www.1001freefonts.com/font/BaroqueScript.zip", "response_code": 1, "scan_date": "2013-02-08 16:05:12", "scan_id": "b5b546fdbb49a2258e951c5e568a52655c65ac56112e39d15af0954a53b36772-1360339512", "verbose_msg": "Scan finished, scan information embedded in this object", "filescan_id": "b7e13c0242e9690aba1f3da4b73d9c2e99a9b7fd03f542b55e694a34aaf9eca8-1360339519", "positives": 0, "total": 35, "scans": {"CLEAN MX": {"detected": false, "result": "clean site"}, "MalwarePatrol": {"detected": false, "result": "clean site"}, "ZDB Zeus": {"detected": false, "result": "clean site"}, "K7AntiVirus": {"detected": false, "result": "clean site"}, "Quttera": {"detected": false, "result": "clean site"}, "Yandex Safebrowsing": {"detected": false, "result": "clean site"}, "MalwareDomainList": {"detected": false, "result": "clean site"}, "ZeusTracker": {"detected": false, "result": "clean site"}, "zvelo": {"detected": false, "result": "clean site"}, "Google Safebrowsing": {"detected": false, "result": "clean site"}, "BitDefender": {"detected": false, "result": "clean site"}, "Opera": {"detected": false, "result": "clean site"}, "G-Data": {"detected": false, "result": "clean site"}, "C-SIRT": {"detected": false, "result": "clean site"}, "Sucuri SiteCheck": {"detected": false, "result": "clean site"}, "VX Vault": {"detected": false, "result": "clean site"}, "ADMINUSLabs": {"detected": false, "result": "clean site"}, "SCUMWARE.org": {"detected": false, "result": "clean site"}, "Dr.Web": {"detected": false, "result": "clean site"}, "AlienVault": {"detected": false, "result": "clean site"}, "Malc0de Database": {"detected": false, "result": "clean site"}, "SpyEyeTracker": {"detected": false, "result": "clean site"}, "Phishtank": {"detected": false, "result": "clean site"}, "Avira": {"detected": false, "result": "clean site"}, "Antiy-AVL": {"detected": false, "result": "clean site"}, "Comodo Site Inspector": {"detected": false, "result": "clean site"}, "Malekal": {"detected": false, "result": "clean site"}, "ESET": {"detected": false, "result": "clean site"}, "SecureBrain": {"detected": false, "result": "unrated site"}, "Netcraft": {"detected": false, "result": "clean site"}, "ParetoLogic": {"detected": false, "result": "clean site"}, "URLQuery": {"detected": false, "result": "unrated site"}, "Wepawet": {"detected": false, "result": "unrated site"}, "Minotaur": {"detected": false, "result": "clean site"}}}

I've verified it on http://jsonlint.com/ and it shows that it's a valid JSON.

Here are the Response Headers

cache-control:no-cache
content-encoding:gzip
content-length:695
content-type:application/json
date:Wed, 13 Feb 2013 12:00:33 GMT
server:Google Frontend
status:200 OK
vary:Accept-Encoding
version:HTTP/1.1

Anyone have any ideas/suggestions?

For JSONP you need a functionwrapper. A Plain JSON Object is no valid JSONP Response. Is the server actually capable of serving JSONP-Responses? — Christoph
– Christoph, Commented Feb 13, 2013 at 12:18
Also dataType: 'jsonp', jsonp: false does not look correct. — Christoph
– Christoph, Commented Feb 13, 2013 at 12:27
@Christoph Re dataType: 'jsonp', jsonp: false they are correct, check out the documentation at api.jquery.com/jQuery.ajax — Eric
– Eric, Commented Feb 13, 2013 at 13:03
@Christoph after further checking it seems the server can only send back JSON but not JSONP. I need to figure out to convert the response. — Eric
– Eric, Commented Feb 13, 2013 at 13:55
Further explanation for the readers JSON header is content-type:application/json JSONP header should be like this Content-Type:application/javascript — Eric
– Eric, Commented Feb 13, 2013 at 13:58

Eric · Accepted Answer · 2013-02-15 13:27:08Z

3

After thorough testing, it was evident that it's not possible to capture the JSON object results when ajax is expecting JSONP in return (due to cross-domain restrictions). Even though the response status = 200.

I've been testing using jQuery AJAX calls, in attempt to see if the result can still be captured - despite there's Parsing Error thrown by the browser - but it didn't seem that's possible. It looks like that the Response Text arrives in the header after JS work is completed.

As @Florian F. @Likwid_T @Christoph have suggested above, a server-side script is definitely required to make it working properly. Other developers seem to be keen on using a proxy written in C# as a solution.

answered Feb 15, 2013 at 13:27

community wiki

Eric

Sign up to request clarification or add additional context in comments.

Comments

Florian F. · Accepted Answer · 2013-02-13 13:01:46Z

1

JSONP doesn't work out of the box.

JSONP bypasses the cross-domain restriction by loading the result in a script tag.

Basically, your server has to be JSONP-enabled.

Do whatever needs to be done on your server side then right before sending the response :

Check if the request has "_callback" set
If set, wrap your content with the value of _callback.
Send your data

Code example in PHP :

$responseString = '{"smthing":"val","smthingelse":"val2"}';
if (isset($_REQUEST['_callback'])) {
    $responseString = $_REQUEST['_callback'] . '(' . $responseString . ');';
}

It'll execute your 'done' anonymous function with the right arguments. (JQuery handles everything else)

answered Feb 13, 2013 at 13:01

Florian F.

4,70029 silver badges50 bronze badges

7 Comments

Christoph Over a year ago

what makes you think, he can modify the server? If he's doing a crossdomain request it's very likely he is not controlling this.

Florian F. Over a year ago

Cause it's the only solution as is. Crossdomain is only useful when you control the server, or if the server accepts it itself. Next solution is to build a proxy on your own domain that'll forward the request to the webservice.

Eric Over a year ago

@FlorianF. Christoph is right, I don't have control over the server. My project is restricted to JS only.

Florian F. Over a year ago

@Eric Then what about a proxy on your own server ?

Eric Over a year ago

@FlorianF. It would've made life easier, unfortunately the code has to run as an extension. It's all JS.

|

Thierry Blais · Accepted Answer · 2013-02-13 13:17:36Z

1

Christoph is right you need to encase your answer in your callback function, in your case at the end of the PHP file:

echo $_GET['receive'] . '(' . json_encode($yourResultObject) . ');';

or if you need a more complex object

echo $_GET['receive'] . '(' . json_encode(array(name1 => object1, name2 => object2, name3 => object3)) . ');';

You might have to tweak a bit, but basically whenever I get Unexpected token is almost always a syntax error that makes jQuery not get my callback function.

answered Feb 13, 2013 at 13:17

Thierry Blais

2,85825 silver badges41 bronze badges

4 Comments

Christoph Over a year ago

he doesn't have control over the serverside I think. Else in most cases you don't have to do a crossdomain request.

Eric Over a year ago

@Likwid_T unfortunately no server-side script can be involved. It'll have to remain JS. Is it possible to apply the same manipulation in JS? My callback function is not receiving the data, even though I can see in the response header the JSON object result returned.

Thierry Blais Over a year ago

Wait I just re-read: you're getting the data from the server in the response? {"permalink": "virustotal.com/url/…... etc? Is that correct?

Thierry Blais Over a year ago

What's happens if you console.log(data["permalink"]);

Collectives™ on Stack Overflow

jQuery AJAX JSONP error "Unexpected token"

3 Answers 3

Comments

7 Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

7 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related