JSONの配列から値を取得したい

Question

JSONの配列から値を取得したい。

前提・実現したいこと

Laravel5.5を使って、システム開発を行っています。

Ajaxでサーバー側のPHPのプログラムで処理した結果を、クライアントのJSで使用することを考えています。

PHP側では配列を生成し、JSONにエンコードしてJS側に返しています。

$emable_times = [
 0 => '00:00',
 1 => '00:15',
 2 => '00:30',
 3 => '00:45',
・
・
・
 64 => '16:00',
 65 => '16:15',
 66 => '16:30',
 67 => '16:45',
 68 => '17:00',
 69 => '17:15',
 70 => '17:30',
 71 => '17:45',
 72 => '18:00',
];

return json_encode([
            'departure' => $emable_times,
            'arrival' => NULL,
            'ex' => NULL,
        ],JSON_PRETTY_PRINT);

呼び出されるJS側は受け取ったJSONをパースして、必要な配列の値を以下の様に取得しています。

            $.ajax({
                type: 'POST',
                contentType: false,
                processData: false,
                url: send_url,
                data: formData,
                success: function(rdata) {
                	var enableTimes;
    			var arrEnableTimes;
    			var ex;

                	JSON.parse(rdata, function(key, value){
    					if(key == "departure"){
    						enableTimes = value;
    					}
    					if(key == "arrival"){
    						arrEnableTimes = value;
    					}
    					if(key == "ex"){
    						ex = value;
    					}
                	});
console.log(enableTimes);
                },
                error: function(data) {
                    //alert('エラーが発生しました。');
                },
            });
</script>

console.log(enableTimes) で取得内容を確認しましたが、配列に期待される値（PHP側で詰めた配列の中身）が入ってませんでした。
→空要素がPHPで詰めた分 入った配列になっていました。

補足情報（FW/ツールのバージョンなど）

◆動作環境
・Windows10 Pro 64bit
・Apache2.4
・PHP7.1
・Laravel5.5
・MySQL5.7

Answer 1

Laravel使っているならjson返すような仕組みもあるのでそちらを使った方が良いかと。

• Laravelでajaxを利用する

Comments

[rock_square]

ご回答有り難うございます。
Laravelの場合、そのまま配列を返せば大丈夫でした。

Answer 2

PHP側（Laravel側）から値を返す場合、配列をそのまま返せば大丈夫でした。

$emable_times = [
 0 => '00:00',
 1 => '00:15',
 2 => '00:30',
 3 => '00:45',
・
・
・
 64 => '16:00',
 65 => '16:15',
 66 => '16:30',
 67 => '16:45',
 68 => '17:00',
 69 => '17:15',
 70 => '17:30',
 71 => '17:45',
 72 => '18:00',
];

return [
    'departure' => $emable_times,
    'arrival' => NULL,
    'ex' => NULL,
];

$.ajax({
    type: 'POST',
    contentType: false,
    processData: false,
    url: send_url,
    data: formData,
    success: function(rdata) {
    	dataStr = JSON.stringify(rdata);
        data = JSON.parse(dataStr);

		var depEnableTimes = data['departure'];
		var arrEnableTimes = data['arrival'];
		var ex  = data['ex'];
    },
    error: function(data) {
        //alert('エラーが発生しました。');
    },
});

Comments

[m.ts10806]

dataType:"json"
で返すとjs側でもう少し楽に扱えます（その場合はresponse.json()で返す必要があります）

[rock_square]

そうなのですね。
ありがとうございます。

[m.ts10806]

あまりjs側で受け取った値の形を加工するというのはないかなと。

Answer 3

JSON.parse(rdata, function(key, value){
    console.log(key, value);
});

とかやると、原因が分かりそうです。

json = JSON.parse(rdata);
console.log(json);

で良い気がしますけど。

Comments

[rock_square]

ご回答ありがとうございます。
PHP（Laravel）からの値の返却を、配列でそのまま返せばできました！