success callback handler not called in jquery

Question

I am working on a Padrino app running on my local server(localhost:3000). I am exposing a get call /location which is returning a json response. I am hitting this API from the javascript code written separately. Here is what i am writing:

$.get("http://localhost:3000/location", function(data) {    
    alert("Inside callback" + data); 
});

(PS : using jquery 1.9.1, tried getJSON also) The http end point is getting hit and returning sucess code 200 with json response but the success call back handler is not being called in the javascript. Why is that happening? Any way to do so?

If you want to get JSON use `$.getJSON` instead of `$.get`. (http://api.jquery.com/jQuery.getJSON/) — Kasyx, Mar 12 '13 at 11:26

L-Four · Answer 1 · 2013-03-12T12:57:10.537

0

You are missing an ) at the end, like:

$.get("http://localhost:3000/location", function(data) {    
alert("Inside callback" + data); 
});

For JSON you might want to consider using getJSON instead, and catch the error if something went wrong.

You can also use the low-level ajax call and check if there was an error:

$.ajax({
    url: 'http://localhost:3000/location',
    type: 'GET',
    success: function(data){ 
        alert('success');
    },
    error: function(request,error) {
        alert(request.responseText); 
    }
});

edited Mar 12 '13 at 12:57

answered Mar 12 '13 at 11:26

L-Four

13,345
9
65
109

tried getJSON also and missing ) is a typo. Pardon me for ... any other solution? – Anirudh Gupta Mar 12 '13 at 11:52
what is the server returning exactly? It might be that it's not returning correct reponse. – L-Four Mar 12 '13 at 12:07
server is returning 200 ok response... which means that it is hitting it correctly but getting nothing in the javascript – Anirudh Gupta Mar 12 '13 at 12:08
see my edited response (use ajax call and be sure you don't get an error back) – L-Four Mar 12 '13 at 12:22
error is not clear... its saying woops!object Object] when i am doing alert('woops!' +data)... already tried these things. – Anirudh Gupta Mar 12 '13 at 12:49
try the responseText property – L-Four Mar 12 '13 at 12:55

Rohan Kumar · Answer 2 · 2013-03-12T11:55:43.880

0

Try it like:

$(document).ready(function(){
    $.get("http://localhost:3000/location", function(data) {    
        alert("Inside callback" + data); 
    });// here you are missed closed parenthesis ')'
});

edited Mar 12 '13 at 11:55

answered Mar 12 '13 at 11:28

Rohan Kumar

40,431
11
76
106

')' is a typo. Sorry for that... any other solution? – Anirudh Gupta Mar 12 '13 at 11:53
Try my answer once, I have changed. – Rohan Kumar Mar 12 '13 at 11:56
hey Rohan... i am also doing exactly that.... able to hit the http end and gettong 200 success response(verified using firebug) but getting nothing in the response.(havn't included 1st line in my question but i am doing it) – Anirudh Gupta Mar 12 '13 at 12:02
Check in `console` waht is the `response` you `get`? – Rohan Kumar Mar 12 '13 at 12:09
getting the headers but response is empty... that's the problem – Anirudh Gupta Mar 12 '13 at 12:10
@AnirudhGupta yes that's the problem, do you want to send data like `json`? – Rohan Kumar Mar 12 '13 at 12:11
It's hitting the backend api but the success call back handler is not being called in the javascript. why is that so? It should return the JSON response in javascript also – Anirudh Gupta Mar 12 '13 at 12:14
If you want that `data` should return as `json` then use `json` as `third` `parameter` in `$.get` function Read http://api.jquery.com/jQuery.get/ – Rohan Kumar Mar 12 '13 at 12:17

success callback handler not called in jquery

2 Answers2