axiosで配列をPOSTしたら正しく送信されない

Question

下記のようなデータがあります

{"day":"2018-12-31",
"asa":0,
"hiru":0,
"yoru":0}

実際はこれが日付違いで7つ（一週間分）あります。
[{"day":"2018-12-31","asa":0,"hiru":0,"yoru":0},{"day":"2019-01-01","asa":0,"hiru":0,"yoru":0},・・・・]
という感じ。

Vue.jsでDataListと言う配列に入っておりVueDeveloperで見るとArray[7]になっています。

このデータを

 let params = new URLSearchParams();
     params.append("dataList", this.DataList);//入力データ
     //URL
     var url = "/api/data/regData.php";
     axios.post(url, params)
　　　.then・・・・

これで送信すると送信時の時点で
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
と言うテキストが送信されてしまいます。(ChromeのNetWorkタブで確認）

PHPでの受信も当たり前ですがgettypeでチェックしても文字列が送られてきています。
どうしたら配列が正しく送信されますでしょうか？

Comments

[ozwk]

jsonではだめなんですかね

[landy77]

ozwkさんの言うように一度JSONに変換？して送ってみました。
ちゃんとデータとしては送られるようになったので最終目的は果たせます。
ただjson_decodeでstdClass Objectに変換されてしまうので私だけなら良いんですがちょっと今回はパスさせて頂きました。

Answer 1

URLSearchParams.append(key, value)はkey=valueというURLクエリパラメータ文字列に相当します。
valueは文字列に変換されるので、オブジェクトは文字列の"[object Object]"になります。

axios.post(url, data)のdataは配列をそのまま指定可能です。

Comments

[landy77]

なるほど！理解しました！
なんとなく使ってるとダメですね・・・

[NozomuIkuta]

解決したようでよかったです。

[Anon_]

できれば解決法を書いてほしいです・・・。