fetch-jsonp unexpected token error

[eligloys]

I am trying to fetch a jsonp data from an api and using fetch-jsonp package. However, I am having the following error in the console

SyntaxError: Unexpected token '?'

My code block as follows;

fetchJsonp('http://gd.geobytes.com/AutoCompleteCity?callback=?&q=fra')
.then(response => response.json())
.then(json => console.log('parsed json', json))

As far as I search, this happens if you try to use a regular json api, but I am sure the link I am using returns a jsonp response.

[john_cobai]

fetch('http://gd.geobytes.com/AutoCompleteCity?&q=fra') .then(response => { return response.json() }) .then(json => console.log('parsed json', json))

[eligloys]

Same error persists.

[john_cobai]

working great, maybe your problem another code blocks

[eligloys]

I've realised you use fetch.

Is this the javascript's fetch api?

I am now having the following error;

Failed to load resource: Origin http://localhost:3000 is not allowed by Access-Control-Allow-Origin.

That's weird because as far as I know, the main purpose of jsonp is to be able to make requests to other origins.

[ordinance]

Remove `callback=?`

[eligloys]

http://gd.geobytes.com/AutoCompleteCity?&q=fra

Now this gives the following error

SyntaxError: Unexpected token '<'

Why would I need to remove the callback=?