jsの配列をJSONにし、POST送信して受け取る方法

Question

var carts = [
             {name:'商品A'},
             {name:'商品B'},
             {name:'商品C'}
            ];


var carts_json = JSON.stringify(carts);
$('#carts_hidden').val(carts_json);

<form method="post">
 <input id="carts_hidden" type="hidden" name="carts" value="">
 <button>送信<.button>
</form>

$carts = json_decode($_POST['carts'], true);

print_r($carts);
//ここに何もはいらない

上記のようにJSの配列をJSON化し、それをPOST送信し、PHPの連想配列に変換したいのですがうまくいきません。
そもそも上記のようなことは可能なのでしょうか。

[追記]
コードは実際のものをかなり簡潔にしたものです。
formのmethodやsubmitが抜けておりましたが、そういった次元の問題ではなく、jsonに変換した箇所の値のみが受け取れておりません。
json_decode前は例えば下記のような値が入っておりますが、そもそもこの時点で壊れているような感じですので、
受け渡しが可能か否かという事が知りたいです。

{"item_index":"0","name":"トマトサラダ","price":"980","num":"2"}

)

Comments

[yambejp]

POST送信する処理が書いていないですが、普通にサブミットするのですか？

[Anon_]

そうです。

[dameo]

「うまく行かない」という判断をした根拠が明確じゃありません。現象をきちんと調べないと原因にたどり着きませんよ。今分かっているのは、PHP側でcartsに何も入っていないように見えるということだけです。
まずは、ブラウザの開発者ツールでネットワークを見て、ブラウザからサーバーにJSONデータが送られてるかを明確にしましょう。そこが分かればPHP側の問題なのか、JavaScript側の問題なのかがハッキリします。

この手の問題は、いろいろ知識が足りないのにあらぬ仮定をしてあたりをつけて調べたり、必要な情報も集められてないのに他人に漠然と何かを聞いたりするより、自分で一つずつ少しずつ問題の範囲を絞って、原因に確実に近づくことが重要です。

Answer 1

Qs.stringifyを使用することで実装できました。

Answer 2

たとえばformタグにmethod="post"が抜けているとかそのレベルの話？

<?PHP
print_r($_POST);
?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function(){
  var carts = [
    {name:'商品A'},
    {name:'商品B'},
    {name:'商品C'}
    ];
  var carts_json = JSON.stringify(carts);
  $('#carts_hidden').val(carts_json);
});
</script>

<form method="post"> 
 <input id="carts_hidden" type="hidden" name="carts" value="">
 <input type="submit" value="send">
</form>

Comments

[Anon_]

修正いたしました。

[yambejp]

なんの問題もないと思いますけど？

$json="{\"item_index\":\"0\",\"name\":\"トマトサラダ\",\"price\":\"980\",\"num\":\"2\"}";
print_r(json_decode($json,JSON_OBJECT_AS_ARRAY,));