htmlから非同期で送信したオブジェクトをphpで受け取って処理をしたいと考えています。
色々試したのですが、オブジェクトを受け取ることができなかったので、
受け取り方（送り方にも問題？）をご教授ください。

phpがjsonオブジェクトを受け取って入るのかを確認するために
html側のコンソールにphp側の値を入れて確認しました。

実現したいconsole.log

json
1{
2test: "aaaa"
3type:
4	a: "あああ"
5	b: "いい"
6}

現況のconsole.log

json
1{"test":"aaa","type":"[object Object]"}
2

コード

html側

html
1
2<!DOCTYPE html>
3<html lang="ja">
4<head>
5    <meta charset="UTF-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <title>Document</title>
9</head>
10<body>
11</body>
12<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
13<script>
14 (()=>{
15    let params = new URLSearchParams();
16            params.append('test', "aaa");
17            params.append('type', {
18                "a":"ああ",
19                "b":"いい",
20            });
21        this.axios.post('./test.php',params
22      )
23      .then((response)=>{
24          console.log(response.data);
25      })
26      .catch((e)=>{
27        console.log(e);
28      })
29 })();   
30
31</script>
32</html>
33コード

php側

php
1
2header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE");
3header("Content-type:application/json");
4
5
6$test = json_encode($_POST);
7
8if(isset($_POST['test'])){
9    echo json_encode($test);
10}
11
12

###試したこと

いろいろなサイトで「filter_input」を使用するあったので
下記コードにしましたが結果は変わりませんでした。

php
1<?php
2header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE");
3header("Content-type:application/json");
4if(isset($_POST['test'])){
5    $test = filter_input(INPUT_POST, 'test');
6    $type = filter_input(INPUT_POST, 'type');
7    $json = [$test,$type];
8    echo json_encode($json);
9}
10?>

行動規範の内容に同意します

回答1件

ベストアンサー

例示されているjsonが正しいjsonではないので今のままでは
パーサーエラーになります

//sample.json

json
1{
2"test":"aaaa",
3"type":{
4    "a": "あああ",
5    "b": "いい"
6  }
7}

javascript
1fetch("sample.json").then(res=>res.json()).then(console.log);

jsでjsonをおくってphpで解釈

javascript
1const data={
2  "test":"aaaa",
3  "type":{
4    "a": "あああ",
5    "b": "いい"
6    }
7};
8const body=new FormData();
9body.append("json",JSON.stringify(data));
10fetch("api.php",{method:"post",body}).then(res=>res.text()).then(console.log);

//api.php

PHP
1<?PHP
2print_r(json_decode($_POST["json"],JSON_OBJECT_AS_ARRAY));

投稿2021/07/15 01:11

編集2021/07/15 01:34

yambejp

総合スコア116734

take45

2021/07/15 01:15

ご回答ありがとうございます。具体的にはどのような修正をすればよいのでしょうか大変申し訳ございませんがよろしくご教授ください。

yambejp

2021/07/15 01:27

あ、逆にjsでphpにデータを送る話ですね？ postデータでおくれるのは文字列ですから type:{"a":"ああ","b":"いい"} のようなオブジェクトはおくれません文字列化して送ればいいですが、受け取るほうに工夫が必要です

take45

2021/07/15 01:38

そうなんですね。実はいつもhtml側で配列を送っていたのですが phpで受け取るとカンマで区切られたただの文字になってしまっていたので php側でわざわざexolodeしていました。正しい使い方ではないような気がしていたので今回ちゃんと配列やオブジェクトで受け取れるようにしたいと思い質問させていただきました。 postが文字列しか送れないとわかって大変勉強になりました。今後も今まで通りは今まで通りの方法でいきたいと思います。ありがとうございました。

yambejp

2021/07/15 01:43

＞今後も今まで通り一応追記した内容を確認下さい jsでjson化して、php側でデコードするという流れです

行動規範の内容に同意します