JSON issue with jQuery (JSONP)

Question

I have a strange issue using jQuery and JSON, especially JSONP. My goal is to simply GET JSON data, but I always end up with the following error:

Uncaught SyntaxError: Unexpected token

Here is the code:

<script type="text/javascript">
     $(document).ready(function() {
      var myurl = "someurl";

     $.ajax({
            url: myurl,
            method: 'GET',
            contentType: 'application/javascript',
            dataType : 'jsonp',
            success: function(result){
                //Do something with JSON result
            }
    });
</script>

And of course the JSON (raw format):

{"result":[{"targetView":"powerUsage","myData":{"someItems":["9","5","8"],"someItems2":[{"text":"protoText","currentRecord":"45.38","absolute":100}]}}]}

I tried the webservice with the Advanced Rest Client App in Google Chrome and it is working perfectly. I have no clue why this simple example gets this syntax error message.

Is your URL visible as I tried your code in jsfiddle and works fine : jsfiddle.net/repjt/693 — Zaki
– Zaki, Commented Aug 18, 2015 at 13:35
The URL itself is not visible to public. Just for info: I need JSONP to avoid the "access-control-allow-origin" error. Is it possible that I should upload my html file to a webserver and run it from there? I heared that running jQuery from C:\ can cause troubles. — J0eBl4ck
– J0eBl4ck, Commented Aug 18, 2015 at 13:39

Yogendra · Accepted Answer · 2015-08-18 13:40:36Z

1

Your Ajax code looks like fine. I think you are trying to make a Cross domain call as JSONP is a hack for dealing cross domain ajax call. If you Server code if ready for dealing with JSONP request then you must have send a callback parameter like

?callback=my_callback_method

than you service will return result with a callback see below links for more details:

https://learn.jquery.com/ajax/working-with-jsonp/
http://stackoverflow.com/questions/11736431/make-cross-domain-ajax-jsonp-request-with-jquery

answered Aug 18, 2015 at 13:40

Yogendra

2,2843 gold badges16 silver badges28 bronze badges

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

4 Comments

J0eBl4ck Over a year ago

The strange thing is that Google Chrome is showing me a correct JSON result set when I press on the URL next to the "Uncaught SyntaxError: Unexpected token :" message. Is the no way to manually override this error? Like, "Okay just give me the data so or so" He is definitly getting the correct data! As I mentioned my REST client plugin has no troubles loading this data, even if it is executed on my local computer.

Yogendra Over a year ago

well as I said, you might trying to connect a different domain that's why you are getting this error because you are not handling JSONP repose in a correct way that might correct in your client plugin anyway this is any exemption. Can you please share the URL which you trying to call from ajax?

J0eBl4ck Over a year ago

I managed to do it with normal JSON by allowing the different domain to access the REST service (CORS server setting). However it is still a mystery for me how Google Chrome can see the nice JSON result, but it is not possible pass the result to my JavaScript. In good old C/C++ I can access whatever the machine gives me. :p

Yogendra Over a year ago

Great!! but if You need to use JSONP to make CROSS DOMAIN Requests. Please read: stackoverflow.com/questions/15005500/… stackoverflow.com/questions/11736431/…

Dhruv · Accepted Answer · 2015-08-18 13:56:59Z

0

You missed to put ready function close, that is }); at the last before script tag close:

<script type="text/javascript">
     $(document).ready(function()
     {
       var myurl = "someurl";

       $.ajax(
       {
         url: myurl,
         method: 'GET',
         contentType: 'application/javascript',
         dataType: 'jsonp',
         success: function(result)
         {
           //Do something with JSON result
         }
       });
     });
</script>

answered Aug 18, 2015 at 13:56

Dhruv

17311 bronze badges

1 Comment

J0eBl4ck Over a year ago

It was included ;) (seems that the posting ate the last part)

Collectives™ on Stack Overflow

JSON issue with jQuery (JSONP)

2 Answers 2

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related