JavaScriptからphpに連想配列を渡したい

Question

いつも大変お世話になっております。

表示についてお伺いしたいです。
こちらも初歩的な内容かと思われるのですが、、。

現在Vue CLIでフォームを作成し、
フォームデータをphp側に渡すようなシステムを作成しております、

フォームで作成(送信)されるデータは以下のような構造となります。

{

"test_A" :
	[
		{
			"test_A_01" : "あああ",
			"test_A_02" : "いいい",
			"test_A_03" : "ううう"
		}
	],

"test_B" :
	[
		{
			"test_B_01" : "あああ",
			"test_B_02" : "いいい",
			"test_B_03" : "ううう"
		}
	]
}

JSON.stringify にてJSON文字列化し、
phpに送信後、php側でjson_decode()をすれば大丈夫かなと思っていたのですが、
なぜかnullとなってしまいます。

以下の配列であれば、問題なくjson_decode()で処理ができ元通りとなったのですが、
連想配列の場合は何か特別な処理が必要になるのでしょうか？

※phpへは諸事情によりPOSTはできずGETで送る形になります。

[
	[92, 88, 64, 86],
	[78, 92, 96, 81],
	[68, 56, 84, 70]
]

お詳しい方がいらっしゃいましたらご教授いただけますと幸いです。

それではどうぞ宜しくお願い致します。

ソースコード

ソースコード

// store/index.js

import { createStore } from 'vuex'

export default createStore({
	
	state : {
		items : {
			"test_A" :
				[
					{
						"test_A_01" : "あああ",
						"test_A_02" : "いいい",
						"test_A_03" : "ううう"
					}
				],
			"test_B" :
				[
					{
						"test_B_01" : "あああ",
						"test_B_02" : "いいい",
						"test_B_03" : "ううう"
					}
				]
		}
	},
	
	getters : {
		url : (state) => "https://localhost/test_api?params=" + JSON.stringify(state.items)
	}
	
})

// App.vue

<template>
  <div>

    <a :href="url">GET送信</a>

  </div>
</template>

<script>
import { mapGetters } from "vuex";

export default {

  computed : {
    ...mapGetters([ 'url' ])
  }

}
</script>

<?php

// 文字コード設定
//header( 'Content-Type: application/json; charset=UTF-8' );

$params = array();

if( isset( $_GET['params'] ) ){
	
	$params = $_GET['params'];
	$params = json_decode( $params, true );
	
}

echo "<pre>";
var_dump( $params );
echo "</pre>";

echo "<br><br>";
echo json_last_error();
echo "<br>";
echo json_last_error_msg();

// 結果

api.php:22:null


4
Syntax error

Comments

[yambejp]

結局jsからphpへはどうやって渡しているのでしょうか？
ソースを提示ください

[matsuo_basho]

早速の回答ありがとうございます！
ちょうど先ほど必要最小限のソースコードまで添削し追記いたしましたので、
お手隙の際にご確認いただけますと幸いです。。

Answer 1

JSONデータをそのままurlに結合しているのですか？

encodeURIComponent(JSON.stringify(state.items))

してみてはどうでしょうか？

Comments

[matsuo_basho]

ありがとうございます！

js側で以下を追記
`encodeURIComponent(JSON.stringify(state.items))`

php側で以下を追記
`$params = stripslashes( $params );`

上記２点を修正することで、無事にphp側で元のデータに戻すことができました。
本当にありがとうございます。。