Simple example of using Rails JSON with JQuery?

Question

I'm looking for a very very simple example where a Rails App does the following:

http://myapp.com/give_me_json

The returned data is a JSON:

[{"is_it_working":true, "very_simple_string":"Yes!"}]

I want to use the following function in JS to return the value of "is_it_working". But how???

function updateImpression(){

$.get('/give_me_json', function(data) {
    $('.da_place').html(data);
}

Instead this would return the whole json as a string.

Thank you guys for all the comment. I'm trying out each of the solutions to see which one I feel more confortable :) I read the jQuery website about the json method, but it was not clear about how to access the key value pairs. — Thanks for all the fish
– Thanks for all the fish, Commented Jan 20, 2012 at 19:50

dku.rajkumar · Accepted Answer · 2012-01-18 18:08:57Z

1

Actually the response is array of json object so you need to get element from array 1st then property from json. SEE THE EXAMPLE

var response = [{"is_it_working":true, "very_simple_string":"Yes!"}];

//1 way
alert(response[0].is_it_working);

//2nd way
$(response).each(function(i,elem){
    alert(elem.is_it_working);
});

edited Jan 18, 2012 at 18:08

answered Jan 18, 2012 at 17:55

dku.rajkumar

18.6k8 gold badges43 silver badges58 bronze badges

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

1 Comment

Phrogz Over a year ago

True, but see the answer by @Diode for the real problem.

cpjolicoeur · Accepted Answer · 2012-01-18 17:32:45Z

1

You can access it via data.is_it_working inside your $.get() method

answered Jan 18, 2012 at 17:32

cpjolicoeur

13.1k7 gold badges50 silver badges60 bronze badges

2 Comments

dku.rajkumar Over a year ago

-1 this is not correct, this wont work.. "data.is_it_working" is returning undefined. In this case the response is array of json. check my answer for more details.

Phrogz Over a year ago

Not if the mime type is wrong and the JS doesn't set the "json" dataType option for $.get.

Diode · Accepted Answer · 2012-01-18 18:22:16Z

1

If content type is text

$.get('/give_me_json', function(data) {
    var response = $.parseJSON(data); // or eval(data)
    $('.da_place').html(response[0].is_it_working);
});

If content type is JSON

$.get('/give_me_json', function(data) {
    $('.da_place').html(data[0].is_it_working);
}, "json");

Or

$.getJSON('/give_me_json', function(data) {
    $('.da_place').html(data[0].is_it_working);
});

answered Jan 18, 2012 at 18:22

Diode

25.2k8 gold badges43 silver badges52 bronze badges

1 Comment

Phrogz Over a year ago

This is the problem. Try console.log(data) to see that you got a string back and not a parsed object since you omitted the "json" argument.

timpone · Accepted Answer · 2012-01-18 17:41:05Z

0

would also need to specify 'json' in the get request so that jquery knows what do with what is returned

answered Jan 18, 2012 at 17:41

timpone

20.1k36 gold badges129 silver badges225 bronze badges

Collectives™ on Stack Overflow

Simple example of using Rails JSON with JQuery?

4 Answers 4

1 Comment

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related