web-dev-qa-db-ja.com

axiosポスト配列データ

あまりリクエストを制御できないサーバーに投稿リクエストを送信しようとしています。私が知っている唯一のことは、Postmanに次のデータを投稿すると正しい応答が得られることです

x-www-form-urlencoded radio button checked

Entered the following 2 array data:
    product_id_list[]          pid1234
    product_id_list[]          pid1235

Header - Content-Type: application/x-www-form-urlencoded

Method: Post

しかし、私がaxiosでそれをやろうとしたとき、正しいparamsデータが通り抜けることができないようです。私はもう試した

axios.post('https://test.com/api/get_product,
    querystring.stringify({
      'product_id_list': ['pid1234', 'pid1235']
    }))
.
.
.
axios.post('https://test.com/api/get_product,
    querystring.stringify({
      'product_id_list[]': 'pid1234',
      'product_id_list[]': 'pid1235'
    }))
.
.
.

このタイプの配列データをaxiosで変換する方法について、誰でもアイデアを思いつきましたか?

8
Rick Lee

ネイティブaxiosを使用してリクエストを作成できます。 dataキーを使用してペイロードを渡すことができます。

import axios from 'axios';

let payload = {
  product_id_list: ['pid1234', 'pid1235']
};

axios({
  url: 'https://test.com/api/get_product',
  method: 'post',
  data: payload
})
.then(function (response) {
    // your action after success
    console.log(response);
})
.catch(function (error) {
   // your action on error success
    console.log(error);
});

ブラウザからaxiosコードを実行してみてください here

3
Jefree Sujit

この問題も私のためにポップアップし、new FormData()で解決しました。

配列を持つ:

const product_id_list = ['pid1234', 'pid1235']

const bodyFormData = new FormData();

product_id_list.forEach((item) => {
    bodyFormData.append('product_id_list[]', item);
});

axios.post('https://test.com/api/get_product', bodyFormData)

このようにして、リクエストをapplication/x-www-form-urlencodedとして送信し、本文に適切なデータを送信しました。

2
David
        $.ajax({
            type: "POST",
            url: "proceso.php",
            data: {'array': array,'array2': array2},     
            success: function(data){
                console.log(data);
            }
        });
0
Julio Vargas

あなたはURLの後に一重引用符が欠けていると思います:

axios.post('https://test.com/api/get_product', {
  product_id_list: ['pid1234', 'pid1235']
})
0
krankuba

以下を試すことができます:

    var payload = {
            product_id_list: [
                'pid1234',
                'pid1235'
              ]
    };

    axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
    payloaxios.post('https://test.com/api/get_product', payload)
      .then(function (response) {
        console.log(response);
    })
    .catch(function (error) {
        console.log(error);
    });

また、 axios documentation をよく見る必要があります。

0