how to access json via jquery

Question

i have this json in my request

    $.get("/shop_possystems/index.php?route=module/cart/ajax_get_individual_prices&current_id=" + current_id + "&standard_id=" + standard + "&professional_id=" + professional + "&premium_id=" + premium + "&quantity=" + quantity,
        function(data) {
            var standard_price     = data.standard_price;
            var professional_price = data.professional_price;
            var premium_price      = data.premium_price;
                        console.log(data);
                    $prettyCheckBox0.text(standard_price);
                    $prettyCheckBox1.text(professional_price);
                    $prettyCheckBox2.text(premium_price);
    });

the problem is that the data.standard_price returns undefined but in the console.log i have this

 "{"standard_price":"included","professional_price":"add $792.00","premium_price":"add $3372.00"}"

whats the deal

icktoofay · Accepted Answer · 2011-06-01 22:41:29Z

5

You need to parse the JSON. Put this as the first line of the callback:

data = $.parseJSON(data);

Alternatively, use $.getJSON instead of $.get or pass "json" as another parameter to $.get.

answered Jun 1, 2011 at 22:41

icktoofay

130k23 gold badges261 silver badges239 bronze badges

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

Comments

José Carlos · Accepted Answer · 2011-06-01 22:43:25Z

You should use $.parseJSON(string), like this:

 $.get("/shop_possystems/index.php?route=module/cart/ajax_get_individual_prices&current_id=" + current_id + "&standard_id=" + standard + "&professional_id=" + professional + "&premium_id=" + premium + "&quantity=" + quantity,
        function(data) {data = $.parseJSON(data);
            var standard_price     = data.standard_price;
            var professional_price = data.professional_price;
            var premium_price      = data.premium_price;
                        console.log(data);
                    $prettyCheckBox0.text(standard_price);
                    $prettyCheckBox1.text(professional_price);
                    $prettyCheckBox2.text(premium_price);
    });

Another way is to use $.ajax an specify in dataType: 'json' see http://api.jquery.com/jQuery.ajax/

LeeR · Accepted Answer · 2011-06-01 22:42:13Z

1

Try using jQuery.getJSON()

http://api.jquery.com/jQuery.getJSON/

And when returning your data from the php script, use json_encode()

answered Jun 1, 2011 at 22:42

LeeR

1,63411 silver badges30 bronze badges

Comments

lonesomeday · Accepted Answer · 2011-06-01 22:42:13Z

console.log seems to be indicating that you have a string, rather than an actual Javascript object. You need to tell jQuery to treat the content as JSON and to give you the parsed object. The easiest way is to use $.getJSON instead of $.get:

$.getJSON("/shop_possystems/index.php?route=module/cart/ajax_get_individual_prices&current_id=" + current_id + "&standard_id=" + standard + "&professional_id=" + professional + "&premium_id=" + premium + "&quantity=" + quantity,
    function(data) {
        var standard_price     = data.standard_price;
        var professional_price = data.professional_price;
        var premium_price      = data.premium_price;
                    console.log(data);
                $prettyCheckBox0.text(standard_price);
                $prettyCheckBox1.text(professional_price);
                $prettyCheckBox2.text(premium_price);
});

Collectives™ on Stack Overflow

how to access json via jquery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related