How to use split method in Javascript object

Question

I have this code

    var array, key, dc;
    $.post("/mailchimp/check_mailchimp_key",
    {
      store_id: document.getElementsByName('data[store_id]')[0].value,
      mailchimp_api_key: document.getElementsByName('data[mailchimp_api_key]')[0].value,
      array: mailchimp_api_key.split('-'),
      key: array[0],
      dc: array[1]
    }

store_id and mailchimp_api_key work, but I have problem with others. This way it says mailchimp_api_key is not defined and my goal is to take whatever is stored in mailchimp_api_key and divide it to key and dc.

*mailchimp_api_key is not defined* … if it isn't defined then it doesn't have anything stored in it. — Quentin, Oct 31 '17 at 10:28
But it does. Since mailchimp_api_key on its own has whatever its written in input — Seinfeld, Oct 31 '17 at 10:29

score 4 · Accepted Answer · answered Oct 31 '17 at 10:30

mailchimp_api_key: document.getElementsByName('data[mailchimp_api_key]')[0].value

… means that when the object has finished being constructed it will have a property called mailchimp_api_key with that value.

mailchimp_api_key.split('-'),

… tries to read a variable called mailchimp_api_key.

There are two problems with this:

A variable is not an object property
The object property doesn't exist yet

Copy the value to a variable before you construct the object.

Use it twice.

var array, key, dc;

var mailchimp_api_key = document.getElementsByName('data[mailchimp_api_key]')[0].value;

$.post("/mailchimp/check_mailchimp_key",
{
  store_id: document.getElementsByName('data[store_id]')[0].value,
  mailchimp_api_key: mailchimp_api_key,
  array: mailchimp_api_key.split('-'),
  key: array[0],
  dc: array[1]
}

I didn't know you can't use it immediately in ajax call. Thanks — Seinfeld, Oct 31 '17 at 10:32
This has nothing to do with Ajax calls. It is just the basics of how object literals work. — Quentin, Oct 31 '17 at 10:34

score 1 · Answer 2 · answered Oct 31 '17 at 10:30

This is not Javascript at all! You can't reference Object keys that you just defined.

var mailchimp_api_key  = document.getElementsByName('data[mailchimp_api_key]')[0].value;
var array = mailchimp_api_key.split('-');
var key = array[0];
var dc = array[1];

This way you get all the variables you need, then you might want to pass them in your Ajax call.

How to use split method in Javascript object

2 Answers2