Sending form data arrays in Javascript using Request?

Question

I'm trying to use an API that accepts the data as form data. In the PHP example I have been given, the working code is as follows using GuzzleHttp:

    $response = $client->post('http://example.com', [
        'headers' => [
            'Accept' => 'application/json',
            'Authorization' => 'Bearer ' . $accessToken
        ],
        'form_params' => [
            'items' => $items
        ]
    ])

In my JS, I have the below code. According to the Request docs, using formData will parse an object into the correct format using the FormData library.

I've got this working manually using Postman. Im sending a x-www-form-urlencoded body with fields as:

item[0] = "abc"
item[1] = "def"

Can anyone see what I'm missing here as to why this isn't working?

const items = ["abc", "def"];
const response = await post({items: items}, "http://example.com")

exports.post = async function (data, url) {
    const token = await getAccessToken();
    const response = await request({
        method: 'POST',
        url: url,
        headers:
            {
                Connection: 'keep-alive',
                Authorization: `Bearer ${token.data.access_token}`,
                Accept: 'application/json',
            },
        formData: data
    });
    return JSON.parse(response);
};

Which FormData library you are talking about here? Can you add link to the library? — Ank
– Ank, Commented Sep 3, 2019 at 13:24
Request uses github.com/form-data/form-data. However I think i've just realised that whilst it uses form-data, it doesn't take an array and submit it like I need — K20GH
– K20GH, Commented Sep 3, 2019 at 13:27

Vassilis Barzokas · Accepted Answer · 2019-09-03 13:40:33Z

2

I think you have a typo in the property items which should be item.

The JavaScript code you quoted is actually sending this:

formData: { items: [ 'abc', 'def' ] }

While from the PHP code you quoted, it looks like you should send:

formData: {item: ['abc', 'def']}

So I think you should change your example's code to:

const response = await post({item: items}, "http://example.com");

answered Sep 3, 2019 at 13:40

Vassilis Barzokas

3,2822 gold badges29 silver badges42 bronze badges

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

1 Comment

K20GH Over a year ago

Ah thats a typo in my copying over the PHP. I have fixed that

Ank · Accepted Answer · 2019-09-03 13:37:21Z

0

From documentation, it seems that object should be passed instead of array.

var formData = {
  my_field: 'my_value',
  my_file: fs.createReadStream(__dirname + '/unicycle.jpg'),
};

request.post({url:'http://service.com/upload', formData: formData}, function(err, httpResponse, body) {
  if (err) {
    return console.error('upload failed:', err);
  }
  console.log('Upload successful!  Server responded with:', body);
});

answered Sep 3, 2019 at 13:37

Ank

8481 gold badge6 silver badges14 bronze badges

Collectives™ on Stack Overflow

Sending form data arrays in Javascript using Request?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest