javascript object.key not working

Question

I have code to get GA parameters that have been stored in a cookie and make them the values of inputs in a form that isn't working and I can't for the life of me figure out why.

(function( $ ) {
    if (Cookies.get('gaParams')) {
        var params = Cookies.get('gaParams');
    }
    $('#source').val(params['utm_source'] ? params['utm_source'] : 'organic');
    $('#medium').val(params['utm_medium'] ? params['utm_medium'] : '');
    $('#campaign').val(params['utm_campaign'] ? params['utm_campaign'] : '');
    $('#keywords').val(params['utm_terms'] ? params['utm_terms'] : '');

    console.log(params,params['utm_medium'],params.utm_medium);

}(jQuery));

you can see it in action by going here and then clicking on the "request Quote" button.
The console.log will return {"utm_medium":"testing","utm_source":"whatever"} undefined undefined

I don't understand why calling the object keys won't give me the values this way.

have you trying parsing your json data?

Aayushi
– Aayushi

2017-08-17 01:50:35 +00:00
Commented Aug 17, 2017 at 1:50 — Aayushi
– Aayushi, Commented Aug 17, 2017 at 1:50

ToujouAya · Accepted Answer · 2017-08-17 01:53:23Z

2

Because the variable params is string type . You should use this method JSON.parse() to parse a JSON string

var params = Cookies.get('gaParams');
params = JSON.parse(params);

edited Aug 17, 2017 at 1:53

answered Aug 17, 2017 at 1:45

ToujouAya

5936 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

javascript object.key not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related