jQuery - SyntaxError: Unexpected token error [duplicate]

Question

I am a noob to jquery and I am stuck on this ajax request. I have a server on my local network running python service. When I hit the server through the browser with the request

http://192.168.0.109:5000/api/environment?seconds=10

I get the JSON I expect shown in the browser. So I know the server is working ok and responding to request OK

{
"Bedroom Light": {
    "host": "192.168.0.121", 
    "model": "Belkin Plugin Socket 1.0", 
    "name": "Bedroom Light", 
    "serialnumber": "221323K1300027", 
    "state": 0, 
    "type": "LightSwitch"
}

However, when trying to do this through Jquery - I get a jQuery - SyntaxError: Unexpected token : error in the browser console. Here is my Jquery

 $(function () {
  $.ajax({
    url: 'http://192.168.0.109:5000/api/environment?seconds=10',
    type: 'GET',
    crossDomain: true,
    dataType: 'jsonp',
    success: function(data) {
      console.log('sucess',data);
      }
    });
  });

and I am just running it through the following page through the main.js

<!doctype html>
<html><head>
    <meta charset="utf-8">
    <title>Home - Dashboard</title>

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" src="main.js"></script>    
</head>
<body>
</body>
</html>

I have tried

dataType: 'json',

instead of jsonp and still get this issue. I added the crossdomain: true following another post on this site, but still receive the error.

where am I going wrong here?

my server logs the following in the console when I run the ajax

192.168.0.149 - - [2017-01-07 10:25:53] "GET /api/environment?seconds=10&callback=jQuery11110725321438557059_1483745153757&_=1483745153758 HTTP/1.1" 200 3977 0.510238

it logs this when I hit it through the browser directly.

192.168.0.149 - - [2017-01-07 10:27:02] "GET /api/environment?seconds=10 HTTP/1.1" 200 3977 0.629556

both my webserver and the server running the python service are located on the same network/subnet.

btw: the python services is the http://ouimeaux.readthedocs.io/en/latest/readme.html

thanks in advance

I think your server is responding with incomplete JSON. There is a missing }, which throws Uncaught SyntaxError: Unexpected token : — chester
– chester, Commented Jan 6, 2017 at 23:40
Sorry i did truncate the json for the post. it is a long list. When i pasted the json output into JSONlint it validated OK, so I think the json response is OK — Scott S
– Scott S, Commented Jan 7, 2017 at 0:01
"I have tried ... instead of jsonp and still get this issue" Are you saying you are getting the exact same error? I doubt that. — Felix Kling
– Felix Kling, Commented Jan 7, 2017 at 0:07

Balaji Marimuthu · Accepted Answer · 2017-01-06 23:44:06Z

0

Your output is not a valid json, it should be either array of object or object. your output json is missing "}".

{
"Bedroom Light": {
    "host": "192.168.0.121", 
    "model": "Belkin Plugin Socket 1.0", 
    "name": "Bedroom Light", 
    "serialnumber": "221323K1300027", 
    "state": 0, 
    "type": "LightSwitch"}
}

answered Jan 6, 2017 at 23:44

Balaji Marimuthu

2,06814 silver badges14 bronze badges

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

2 Comments

Felix Kling Over a year ago

While that's correct, that's not the issue the OP has.

Scott S Over a year ago

Sorry i did truncate the json for the post. it is a long list. When i pasted the json output into JSONlint it validated OK, so I think the json response is OK

2 revs · Accepted Answer · 2017-01-07 00:17:55Z

0

You are telling jQuery to request JSONP:

dataType: 'jsonp',

but the server is sending back JSON, not JSONP. JSON is not valid JSONP, hence you get that error.

You can either

have to make the server send back JSONP, or
enable CORS (on the service) and tell jQuery to expect JSON:
```
dataType: 'json',
```

edited Jan 7, 2017 at 0:17

community wiki

2 revs
Felix Kling

6 Comments

Balaji Marimuthu Over a year ago

he mentioned already tried with data type as json

Felix Kling Over a year ago

@BalajiM: Right, but he probably didn't enable CORS.

Scott S Over a year ago

thanks. yes when I use json. I receive this as the error. XMLHttpRequest cannot load 192.168.0.109:5000/api/environment. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

Felix Kling Over a year ago

@ScottS: Yep. That's what you get when CORS is not enabled.

Scott S Over a year ago

I am running the ouimeaux on a raspberryPi. it is python server running in the console at the moment, not on any webserver. Doesn't CORS need to be enabled through a webserver. both my script and the python server are all on the same home network.

|

Pabs123 · Accepted Answer · 2017-01-06 23:37:31Z

-1

JSON.stringify(data) before you pass it. This will turn it into the proper format for the request to handle it

answered Jan 6, 2017 at 23:37

Pabs123

3,43315 silver badges30 bronze badges

Comments

user3653796 · Accepted Answer · 2017-01-06 23:44:30Z

-1

TRY this..

.ajax({
  method: "GET",
  url: "http://192.168.0.109:5000/api/environment?seconds=10",
  dataType: "jsonp"
}).done(function(data) {
      console.log('sucess',data);
      });

answered Jan 6, 2017 at 23:44

user3653796

1585 bronze badges

Collectives™ on Stack Overflow

jQuery - SyntaxError: Unexpected token error [duplicate]

4 Answers 4

2 Comments

6 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

6 Comments

Comments

Comments

Linked

Related