Passing in an array value into JSON format

Question

I am creating an email app that sends messages to other people. Currently, I have it working except for the recipients column. Right now, I hard-coded an email into the recipients column to get it working. The reason is, is the recipients field is supposed to be an array.

What's the best way of passing a value from a user form (multiple addresses separated by commas) into JSON format?

Below is how I have it now.

Thanks!

const element = document.getElementById('sendEmail');
  element.addEventListener('click', function() {
    fetch('/emails', {
    method: 'POST',
    body: JSON.stringify({
      recipients: '[email protected]',
      subject: document.querySelector('#compose-subject').value,
      body: document.querySelector('#compose-body').value
    })
  })
  .then(response => response.json())
  .then(result => {
      // Print result
      console.log(result);
  });
  });
}

Can't you make it an array directly? {recipients: ['[email protected]','[email protected]'], subject: document.querySelector('#compose-subject').value, body: document.querySelector('#compose-body').value } — Rinkesh Golwala
– Rinkesh Golwala, Commented Oct 27, 2020 at 20:24
is value like a string separated by comma and you need to convert this value to array? — Nonik
– Nonik, Commented Oct 27, 2020 at 20:27
Questions asking about "the best way" are not a good fit for Stack Overflow. The best way is often different based on your use case. It's unclear what you're having difficulty with. You have not shown an attempt to pass the email list to the backend. There are different ways to do it. It could be a comma/space separated string or it could be an array and the first two comments mentioned — Ruan Mendes
– Ruan Mendes, Commented Oct 27, 2020 at 20:29

IvanD · Accepted Answer · 2020-10-27 20:26:13Z

1

const element = document.getElementById('sendEmail');
  element.addEventListener('click', function() {

    const emailsFromForm = [ // NEW
      document.querySelector('#email1').value, // NEW
      document.querySelector('#email2').value // NEW
    ] // NEW

    fetch('/emails', {
    method: 'POST',
    body: JSON.stringify({
      recipients: emailsFromForm, // EDITED
      subject: document.querySelector('#compose-subject').value,
      body: document.querySelector('#compose-body').value
    })
  })
  .then(response => response.json())
  .then(result => {
      // Print result
      console.log(result);
  });
  });
}

answered Oct 27, 2020 at 20:26

IvanD

2,98320 silver badges33 bronze badges

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

Collectives™ on Stack Overflow

Passing in an array value into JSON format

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