use $.getJSON get data from google's geocode api, return 'Uncaught SyntaxError'

Question

i got a "Uncaught SyntaxError: Unexpected token :" error.

why and how to handle this error?

thanks!

$.getJSON("http://maps.google.com/maps/api/geocode/json?latlng=39.971277199999996,116.4864269&language=zh-CN&sensor=false&callback=?");

you can open this page and see console: http://jsbin.com/ugoraw/1

the return json like this,

{
   "results" : [
Uncaught SyntaxError: Unexpected token :
      {
         "address_components" : [
            {
               "long_name" : "16号",
               "short_name" : "16号",
               "types" : [ "street_number" ]
            },
            {
               "long_name" : "将台西路",
               "short_name" : "将台西路",
               "types" : [ "route" ]
            },
            ... ...

You get the error message text right in the middle of the JSON string? In a string generated by Google? — Álvaro González, Nov 30 '12 at 11:53
thanks attention. here is a demo: http://jsbin.com/ugoraw/1/edit — Robin, Nov 30 '12 at 13:46
possible duplicate of [jQuery getJSON won't work on cross domain](http://stackoverflow.com/questions/6557864/jquery-getjson-wont-work-on-cross-domain) — pimvdb, Nov 30 '12 at 14:12

score 1 · Answer 1 · edited May 23 '17 at 11:56

The question mark is causing the problem.

You need to change the ? to a function:

$(function(){
  $.getJSON("http://maps.google.com/maps/api/geocode/json?latlng=39.971277199999996,116.4864269&language=zh-CN&sensor=false&callback=handleMaps");

  function handleMaps(data) {
        alert("working");
  }

});

Note you won't be allowed do this in jsbin because of access control restrictions.

I would also recommend reading the following question and answers: jQuery and Google Maps json response

use $.getJSON get data from google's geocode api, return 'Uncaught SyntaxError'

1 Answers1