Sending an array to a server to fetch some data with React Native

Question

I am trying to do fetch a data from the server with given datas. I am using the following code :

    const details = {
      'function': 'getUsers',
    };
    const formBody = 
    Object.keys(details).map(key=>encodeURIComponent(key)+
    '='+encodeURIComponent(details[key])).join('&');
    console.log(formBody);
    fetch(url, {
      method: 'POST',
      credentials: 'include',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
        'Cookie': 'XPIDER_SID=' + this.props.text
      },
      body: formBody
      }).then((response) => response.json())
        .then((responseJson) => {
          if (responseJson.status === 'okay') {
            this.setState({ users: responseJson.users });
          } else {
             this.setState({ error: responseJson.error });
          }
      })

It works great until now. Now I have to send a array of datas but when I write an array in details constant, the server does not take the array because of the formBody. In formBody, the whole request is string, so the array converted to a string. How can I send a array with this ? or do you guys know any other option ? Thank You !

I think you can use a data parameter in the request

Prasanna
– Prasanna

2017-11-20 10:51:06 +00:00
Commented Nov 20, 2017 at 10:51 — Prasanna
– Prasanna, Commented Nov 20, 2017 at 10:51

linasmnew · Accepted Answer · 2017-11-20 11:22:43Z

6

Send your array as JSON like this:

body: JSON.stringify(your_array)

Then deserialize it on the server

answered Nov 20, 2017 at 11:22

linasmnew

3,9772 gold badges23 silver badges33 bronze badges

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

1 Comment

K.Smith Over a year ago

Thank you for the answer. But I cant send a JSON because the format must be x-www-form-urlencoded

Collectives™ on Stack Overflow

Sending an array to a server to fetch some data with React Native

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related