投稿2019/12/22 05:51
編集2019/12/22 07:13下記のようなソースでPHPから呼び出したJavaSciptに、２重の連想配列を渡す。
１個の連想配列、または複数の連想配列の最後の連想配列だけなら正常に受け渡せます。
下記のソースに「$HAIRETSU」を「$HAIRETSU[]」と修正して実行すると、JavaScript的には複数要素の連想配列的な要素として受け渡されていますが、実行時に「Object Object」というエラー表示となります。
当初、「Object Object」というエラーからJavaScriptの問題と思いましたが「 Object.keys( ...)」で正しいことは確認できたと思い、JSON関連のPHPとJavaScriptの受け渡し方法と推定しています。
複数要素を持つ連想配列をPHPからJavaScriptへ渡す方法を宜しくお願い致します。
<< ソース >>
</body> </html> << ソース・終了>>Object.keys( HAIRETSU ).forEach( function( keyA ) { for( var keyB in HAIRETSU[ keyA ] ) { window.confirm( '[ ' + keyA + ' ]/[ ' + keyB + ' ]：「 ' + HAIRETSU[ keyA ][ keyB ] + ' 」' ); } }, HAIRETSU ); </script>
<< 実行結果 >>
<!DOCTYPE html> <html> <head> <title>HTML-JavaScript連携(ｄｂ連携・連想配列)</title> </head> <body> <script> var HAIRETSU = JSON.parse( '{"8":{"SEQ":"12","Attribute":"Navi-tokyo"}}' );・・・・最後の１個しか渡せない。</body> </html> << 実行結果・終了 >>Object.keys( HAIRETSU ).forEach( function( keyA ) { for( var keyB in HAIRETSU[ keyA ] ) { window.confirm( '[ ' + keyA + ' ]/[ ' + keyB + ' ]：「 ' + HAIRETSU[ keyA ][ keyB ] + ' 」' ); } }, HAIRETSU ); </script>
<< 実行結果(訂正後) 分かり易いように適切に改行・空白を入れています。 >>
var HAIRETSU = JSON.parse( '[
{ "11":{"SEQ": "1", "Attribute":"Navi_NHK"} },
{ "3":{"SEQ": "4", "Attribute":"Navi_TOC.php?Attrbt=NTV-BTT"} },
{ "10":{"SEQ": "8", "Attribute":"Navi_tv-fuji"} },
{ "9":{"SEQ":"10", "Attribute":"Navi_tv-asahi-TSS"} },
{ "8":{"SEQ":"12", "Attribute":"Navi-tokyo"} }
]' );
<< 実行結果・終了 >>
単一要素の連想配列
ソースを修正した、複数要素の連想配列
データベース：フィールド「SEQ」、「Attribute」・・・
回答2件
0
PHP側でのデータの受け渡し方、及び JavaScript側でのデータの受け取り方に特に問題は見られません。
JavaScript側でデータを受け取った後の扱い方に問題があると思われます。
「$HAIRETSU」を「$HAIRETSU[]」と修正して実行すると
PHP側で受け渡すデータ形式を変更した場合、当然 JavaScript側で受け取ったデータの扱い方もデータ形式に合わせて変更する必要があります。
ですが、実行結果から推測するに JavaScript のコードを変更せずに使用していると思われます。
PHP側で「$HAIRETSU」を「$HAIRETSU[]」に修正したのに合わせて、JavaScript側で受け取ったデータの扱い方も変更すればいいと思います。
投稿2019/12/22 07:01
総合スコア999
0
自己解決
$HAIRETSU[]に訂正した場合は、2KOHさんからご提示頂いたコードで「((a,b,c=(a,c)=>b(Object.keys(a),b...」で無事に、想定した表示を得られることが確認できました。
<<確認したコード>>
<?php try { $PDO = new PDO( 'sqlite://xxx/blog/Navi-Main.sqlite3' ); $PDO -> setAttribute( PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION ); $PDO -> setAttribute( PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC ); $SQL = sprintf( "SELECT * FROM navi_toc ORDER BY SEQ ASC, Attribute" ); $data = $PDO -> query( $SQL ); foreach( $data as $value ) { $phpHAIRETSU[] = array( $value[ 'Surrogate_key' ] => array( 'SEQ' => $value[ 'SEQ' ], 'Attribute' => $value[ 'Attribute' ] ) ); } # foreach } catch ( Exception $e ) { echo $e->getMessage().PHP_EOL; } $jsonEncode = json_encode( $phpHAIRETSU ); ?> <!DOCTYPE html> <html> <head> <title>HTML-JavaScript連携(ｄｂ連携・連想配列) その３</title> </head> <body> <script> var HAIRETSU = <?php echo $jsonEncode; ?>;/* ２重連想配列・PHP(HTML)-JSON-JavaScript */
( ( a, b, c=( a, c ) => b( Object.keys( a ), b=>c( b, a[ b ] ) ) ) =>
b( a, b => c( b, ( a, b ) => c( b, ( b, c ) => window.confirm( 'Key:[' + a + ']/[' + b + ']、Value:「' + c + '」' ) ) ) )
) ( HAIRETSU, ( a, b ) => a.forEach( a => b( a ) ) )
</script>
投稿2019/12/22 16:34
編集2019/12/22 16:36総合スコア60
あなたの回答
tips
プレビュー
Q&A
