axios投稿配列データ

Question

私はサーバーに投稿要求を送信しようとしています。私は多くの制御がありません。私が知っている唯一のことは、私はポストマン

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' 
    })) 
. 
. 
. 

誰もがこのタイプの配列データを斧で翻訳する方法を知りましたか？

Answer 1

あなたは次のことを試すことができます。

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に良い見てみる必要があります。

Answer 2

私はあなたがURLの後に単一引用符記号が欠落していると思う：

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

Answer 3

あなたが要求を作成するために、ネイティブ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); 
 
});

あなたは、あなたのブラウザhereからごaxiosコードを実行してみてくださいすることができます。