PHP MEMO

[test3.html]
<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<title>Ajax サンプル</title>
</head>
<body>

<h1>動物の情報の取得</h1>
	<button id="sendArrayButton">動物の情報を取得</button>
	<div id="result"></div>

fetch('http:
	method: 'POST',
	headers: {
'Content-Type': 'application/json',
	},
	body: JSON.stringify(dataToSend), 
})
.then(response => {
	if (!response.ok) {
throw new Error('ネットワークエラーが発生しました');
	}
	return response.json(); 
})
.then(data => {
	console.log('PHPからのレスポンス:', data);
	
	const resultDiv = document.getElementById('result');
	if (data.status === 'success') {
resultDiv.innerHTML = `
	<p>名前: ${data.receivedData.name}</p>
	<p>種類: ${data.receivedData.kind.join(', ')}</p>
	<p>色: ${data.receivedData.details.color.join(', ')}</p>
	<p>音: ${data.receivedData.details.sound.join(', ')}</p>
`;
	} else {
resultDiv.textContent = `エラー: ${data.message}`;
	}
})
.catch(error => {
	console.error('Fetchエラー:', error);
	document.getElementById('result').textContent = `リクエストに失敗しました: ${error.message}`;
});
});
</script>
</body>
</html>

[test3.html]
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>Ajax Sample</title>
</head>
<body>

<h1>Retrieving Animal Information</h1>
    <button id="sendArrayButton">Retrieve Animal Information</button>
    <div id="result"></div>

fetch(‘http:
    method: ‘POST’,
    headers: {
        ‘Content-Type’: ‘application/json’,
    },
    body: JSON.stringify(dataToSend), 
})
.then(response => {
        if (!response.ok) {
            throw new Error(‘Network error occurred’);
        }
        return response.json(); 
    })
    .then(data => {
        console.log(‘Response from PHP:’, data);
	
        const resultDiv = document.getElementById(‘result’);
        if (data.status === ‘success’) {
            resultDiv.innerHTML = `
                <p>Name: ${data.receivedData.name}</p>
	<p>Type: ${data.receivedData.kind.join(‘, ’)}</p>
                <p>Color: ${data.receivedData.details.color.join(‘, ’)}</p>
                <p>Sound: ${data.receivedData.details.sound.join(‘, ’)}</p>
            `;
        } else {
    resultDiv.textContent = `Error: ${data.message}`;
}
})
.catch(error => {
    console.error(‘Fetch error:’, error);
    document.getElementById(‘result’).textContent = `Request failed: ${error.message}`;
});
});

copy

[test3.php]

header('Content-Type: application/json');


$json_data = file_get_contents("php://input");
$data = json_decode($json_data, true); 


if (!isset($data['name']) || !is_array($data['kind'])) {
    echo json_encode(['status' => 'error', 'message' => 'データが不足しているか、形式が不正です。']);
    exit;
}


error_log('受信データ: ' . print_r($data, true));


$name = $data['name'];
$kind = $data['kind']; 
$color = $data['details']['color']; 
$sound = $data['details']['sound']; 
$ary1=[];
$ary2=[];

for($i=0; $i < count($sound); ++$i)
{
    $ary1[]=$color[$i]."色";
}

for($i=0; $i < count($sound); ++$i)
{
    $ary2[]=$sound[$i].$sound[$i];
}

$data["name"]="動物の種類";
$data["kind"]=array("ねこちゃん,わんちゃん");
$data['details']['color']=$ary1;
$data['details']['sound']=$ary2;


echo json_encode([
    'status' => 'success',
    'message' => 'データを受信しました。',
    'receivedData' => $data 
]);

copy

[test3.php]

header(‘Content-Type: application/json’);


$json_data = file_get_contents(“php:
$data = json_decode($json_data, true); 


if (!isset($data[‘name’]) || !is_array($data[‘kind’])) {
    echo json_encode([‘status’ => ‘error’, ‘message’ => ‘Data is missing or invalid.’]);
    exit;
}


error_log(‘Received data: ’ . print_r($data, true));


$name = $data[‘name’];
$kind = $data[‘kind’]; 
$color = $data[‘details’][‘color’]; 
$sound = $data[‘details’][‘sound’]; 
$ary1=[];
$ary2=[];

for($i=0; $i < count($sound); ++$i)
{
    $ary1[]=$color[$i].“ color”;
}

for($i=0; $i < count($sound); ++$i)
{
    $ary2[]=$sound[$i].$sound[$i];
}

$data[“name”]=“Animal Type”;
$data[“kind”]=array(“kitty,puppy”);
$data[‘details’][‘color’]=$ary1;
$data[‘details’][‘sound’]=$ary2;


echo json_encode([
    ‘status’ => ‘success’,
    ‘message’ => ‘Data received.’,
    ‘receivedData’ => $data 
]);

$json_data = file_get_contents("php://input");

POSTされたJSONデータを取得します。

if (!isset($data['name']) || !is_array($data['kind'])) {

データを検証してデータが不足しているか、形式が不正の場合はエラーを返します。

$name = $data['name'];
$kind = $data['kind']; $color = $data['details']['color']; $sound = $data['details']['sound'];

デコードされた連想配列を変数に置き換えています。

for($i=0; $i < count($sound); ++$i)
{
$ary1[]=$color[$i]."色";
}

元の値を変更した結果を配列として再格納します。

'receivedData' => $data

変更した結果のデータをhtmlに返します。