phpで生成した連想配列をjquery ajaxを使ってmysqlに反映させたい

###前提・実現したいこと
phpで生成した連想配列をjquery ajaxを使って、
mysqlにアップデートしたいと考えています。

具体的には「MYSQLに反映する」ボタンを押すと裏でMYSQLに反映されます。

###発生している問題・エラーメッセージ
全くmysqlにアップデートされない。

様々な解説サイトを閲覧していますが、全然うまくいかない為、御教授願います。

(ひょっとしたらjsonの変換でなにかしらのミスをしているのではと予想しており、自信がありません。。)

###該当のソースコード


◆input.php
<?php

$array[0]='aaa';
$array[1]='bbb';

$array_2= json_encode($array) ;

echo'<button class="update">MYSQLに反映する</button>';

?>

<style>
.update:active {opacity: 0.8;}
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script type="text/javascript">
$(function() {
	// buttonがクリックされたときに実行
	$(".update").click(function() {
        var array_jquery="<?php echo $array_2; ?>";
        var array_jquery_2 = { a: array_jquery };

		$.ajax({
			type: "POST",
			url: "update.php",
			data:{data1:array_jquery_2}
		});

		return false;
	});
});
</script>


◆update.php
<?php

$array_jquery_3 = filter_input(INPUT_POST, 'a');
$array_jquery_4 = json_decode( $array_jquery_3 , true ) ;


// 投票数をアップデートする
$dsn='mysql:dbname=xxx;host=localhost';
$user='yyy';
$password='zzz';
$dbh=new PDO($dsn,$user,$password);
$dbh->query('SET NAMES utf8');
$sql="UPDATE table_1 SET box1=?, box2=? WHERE id=?";
	
$stmt=$dbh->prepare($sql);
$data[0]=$array_jquery_4[0];
$data[1]=$array_jquery_4[1];
$data[2]=100;

$stmt->execute($data);
$dbh=null;

?>

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

回答2件

{data1:array_jquery_2}

これで送ったならキーはdata1です。aというキーは送られていません。
あと、配列受けとる際はオプションが必要です。

php
1$array_jquery_3 = filter_input(INPUT_POST, 'a');
2
3↓
4
5$array_jquery_3 = filter_input(INPUT_POST, 'data1',FILTER_DEFAULT,FILTER_REQUIRE_ARRAY)

ただ、二次元配列なので、参照するのは$array_jquery_3['a']となりますね。
ajax setのほうをdata:array_jquery_2とすればPHPの方の調整は不要となるように思います。

いずれにしても「一気に処理を書ききる」のではなく「POSTした情報はきちんと取れているか」「DBはちゃんと接続できているか」を1つずつ確認していったほうが良いです。
問題の切り分けが面倒になります。

投稿2020/01/02 23:15

編集2020/01/03 04:38

m.ts10806

総合スコア80850

kei344

2020/01/03 03:12

To: m.ts10806さん filter_inputで連想配列を処理するのってフラグ要りませんか？

m.ts10806

2020/01/03 04:30

あ、そうですね。調整しときます

m.s.2000

2020/01/03 14:07

回答頂いたことを織り込んでみましたが、MYSQLに反映されませんでした。 MYSQLのUPDATEコマンドのところはjquery ajaxを使わずに、ただ単純にUPDATEを実行したところ、成功したので、問題はjquery ajaxで受け渡し&受け取るところなのかなと思います。ただ、当方jqueryを学び始めたばかりということもあり、御指摘されているところが理解出来ていないところもあります。例えば「ajax setのほうをdata:array_jquery_2とすればPHPの方の調整は不要となるように思います。」⇒ filter_inputは必要なく、いきなりjson_decodeでデコードすればよいのでしょうか？理解が悪くて申し訳ありません。。 ◆織り込んだこと □input.php $.ajax({ type: "POST", url: "update.php", data:{data1:array_jquery_2} }); ↓ $.ajax({ type: "POST", url: "update.php", data:array_jquery_2 }); □update.php $array_jquery_3 = filter_input(INPUT_POST, 'a'); ↓ $array_jquery_3 = filter_input(INPUT_POST, 'data1',FILTER_DEFAULT,FILTER_REQUIRE_ARRAY)

m.ts10806

2020/01/03 19:46

下記は確認したのでしょうか。 > いずれにしても「一気に処理を書ききる」のではなく「POSTした情報はきちんと取れているか」「DBはちゃんと接続できているか」を1つずつ確認していったほうが良いです。 ajaxのレスポンスをdoneやsuccessで拾えばPHP側の「出力」を確認することができます。今の作りだともしPHP側で何かしらエラーが出ていても気づくことは出来ません。 PHPの方もtry-catchでException拾うなどはしておいたほうが良いです。

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

自己解決

回答者さんからの助言ありがとうございました。

余計なダブルクォーテーションがあった為、実行出来ていないことが判明しました。
以下に修正することで、解決しました。

php
1◆input.php
2//余計なダブルクォーテーションを削除
3var array_jquery="<?php echo $array_2; ?>";
4↓
5var array_jquery=<?php echo $array_2; ?>;

php
1◆input.php
2//わざわざdata1をキーに置かなくてもよい
3data:{data1:array_jquery_2}
4↓
5data:array_jquery_2

php
1◆update.php
2$array_jquery_3 = filter_input(INPUT_POST, 'a');
3$array_jquery_4 = json_decode( $array_jquery_3 , true ) ;
4↓
5$array_jquery_3 = filter_input(INPUT_POST, 'a',FILTER_DEFAULT,FILTER_REQUIRE_ARRAY);
6//$array_jquery_4 = json_decode( $array_jquery_3 , true ) ;←受ける側のデコードは不要