SyntaxError：missing; 在JSON中声明之前

Question

I am getting a very strange error while the response is correct and I can see the JSON content:

here is the request:

$.ajax({
                    type: "GET",
                    url: urlTwitter,
                    contentType: "application/json",
                    dataType: "jsonp",
                    async: false,
                    success: function (resp, status, xhr) {
                       $("#message").html("STATUS: " + xhr.status + " " + xhr.statusText + "\n" + resp);
                       $("#message").hide();
                       $.each(resp, function() {
                            $.each(this, function(i, tweet) {
                                arrayTweets.push(tweet);
                            });

                        });

                        displayTweets();
                    },
                    error: function(resp, status, xhr){
                        $("#message").html("ERROR: " + xhr.status + " " + xhr.statusText + "\n" + resp.e);
                        $("#message").show();
                    }
                });

Here is the conent in the response:

{"tweet":[{"text":"RT @OSCARHAROTASEND: MUYYY CONTENTO Y MUYYY ORGULLOSO del trabajo d mi hermanito @pablonieto22 en la presentación d su TEAM @CalvoTeam anoc…","user":"Jemurillove"}]}

Anyone has a clue, I've been fighting with this half day.

Appreciate any help.

Thanks,

EDIT:

this is my resource, if it can help. And the Tweet object is annotated with @XmlRootElement :

@GET
    @XmlElement(name = "tweet")
    @Path("/retrieveTweets")
    @Produces(MediaType.APPLICATION_JSON)
    public List<Tweet> retrieve(@QueryParam("lat") Double Latitude, @QueryParam("lon") Double Longitude, @QueryParam("rad") Double Radius, @QueryParam("from") String From, @QueryParam("to") String To) {
        //List<Status> tweets = null;
        List<Tweet> lTweets = new ArrayList<Tweet>();
        boolean status = false;

        Twitter twitter = new TwitterFactory().getInstance();

        AccessToken accessToken = new AccessToken(TwitterInterface.ACCESS_TOKEN, TwitterInterface.ACCESS_TOKEN_SECRET);
        twitter.setOAuthConsumer(TwitterInterface.CONSUMER_KEY, TwitterInterface.CONSUMER_SECRET);
        twitter.setOAuthAccessToken(accessToken);

        try {
            Query query = new Query("");
            GeoLocation geo =  new GeoLocation(Latitude, Longitude);
            query.setGeoCode(geo, Radius/1000, Query.KILOMETERS);
            query.setCount(100);
            query.setSince(From);
            query.setUntil(To);
            QueryResult result;
            result = twitter.search(query);
            List<Status>tweets = result.getTweets();
            for (Status tweet : tweets) {
                System.out.println("@" + tweet.getUser().getScreenName() + " - " + tweet.getText() + " - " + tweet.getCreatedAt());
                Tweet t = new Tweet();
                t.setUser(tweet.getUser().getScreenName());
                t.setText(tweet.getText());
                lTweets.add(t);
            }
        }
        catch (TwitterException te) {
            te.printStackTrace();
            System.out.println("Failed to search tweets: " + te.getMessage());
            System.exit(-1);
        }

        return lTweets;

Answer 1

You are requesting a jsonp response, but the response is plain JSON.

You can either change the request type to 'JSON' - if the request doesn't fall foul of cross-domain restrictions, or change whatever is generating the response to wrap the response as JSONP.

For more information on JSONP, have a look at the jQuery docs

In summary, jQuery automatically adds a callback=? parameter to the url it requests. Your server-side code needs to use the value of that parameter as the name of a javascript function your response should invoke with the JSON passed as an argument.

For example, if callback=helloWorld , your response should be:

helloWorld({"tweet": ... });