ajaxのpostでphpの変数に直接代入するには

Question

閲覧ありがとうございます。
過去の記事を参照しながらajaxを使用してPHPにtrueかfalseを返すjsを作りました。
しかし、type ="hidden" のvalueやdivなどのidを使用してpostはできたのですが、
phpの変数に直接postするとnullになります。以下コードを記載しますのでご教授お願いします。

<script>
$(function() {
	  $('input[name=testButton]').click(function() {
		  var param =  $(this).val();
		  if(param == "true"){
			  param = true;
		  } else {
			  param = false;
		  }
		  $.ajax({
			  url : 'index.php',
			  type : 'POST',
			  data : {dsp_method : param},
			  dataType : 'json'
		  }, function(data){
			  $('dsp_method').html(data);
		  });
	  });
	});
</script>

<input type="button" name="testButton" value="true" />
<input type="button" name="testButton" value="false" />

if($_POST['dsp_method'] == "true"){
			$flag = true;
		} else if($_POST['dsp_method'] == "false") {
			$flag = false;
		}
var_dump ($flag);

Answer 1

開発ツール等で Request と Response を確認して、どこで問題が発生しているか、記述して下さい。
あと、var_dump ($_POST['dsp_method']);の結果はどのようにして確認しましたか？

Comments

[JimMachine]

エラーログが確かにConsoleから発生していました。
Uncaught ReferenceError: data is not defined
完全に見落としていました。
ただし、最小構成のtestプロジェクトのみErrorを吐いている状況です。
本番用に構成されているプログラムは変数名のみが違うだけで構成は構成は一切同じものになりますが、本番用のConsoleにはErrorが吐かれていないです。

＞あと、var_dump ($_POST['dsp_method']);の結果はどのようにして確認しましたか？
ChormeのElementからです。

[JimMachine]

Testプロジェクト環境のエラー文は単純に変数名の記載ミスでしたスミマセン
他には一切エラーログの出力はありません

[退会済みユーザー]

切り分けの仕方が間違っています。
Chromeであれば、POST内容は以下の手順で確認します。
デベロッパーツールを開き、Network→対象となるファイルを選択（今回であれば、post先の index.php）→ Headers の form data の内容を確認。
Responseは、以下のとおり。
デベロッパーツールを開き、Network→対象となるファイルを選択（今回であれば、post先の index.php）→ Response の内容を確認。内容がちゃんと返っていれば、Preview で見やすく表示できます。

[JimMachine]

なるほど！そのようなやり方で参照するのですね！
たしかに生データ上では変数の中身が変化しているのがわかります。
しかし、通常View上だと変数の変化がないですよね？
（要はページを閲覧していただいた人がわざわざディベロッパーツールを介してPreviewからサービスを利用することなんて99%ない）
Previewの表示結果をそのままブラウザの画面にリアルタイムで出力を行う場合はどのように組み込めばいいでしょうか？

[退会済みユーザー]

記載した方法は、問題点の切り分け方法です。ユーザに見せるものではありません。

どこまで正常に動作していたのか記述がないので、Response まで意図どおりだったと仮定します。
その場合、data に Response 内容が格納されているので、それを表示させます。
中身は console.log(data); で確認ができるので、それを表示したい内容の加工するだけです。表示の仕方が不明なのであれば、それはもうタイトルの内容から離れるので、改めて質問を立てるか調べ直すほうが良いです。

[JimMachine]

>その場合、data に Response 内容が格納されているので、それを表示させます。
中身は console.log(data); で確認ができるので、それを表示したい内容の加工するだけです。
ありがとうございます。上記に記載されている内容がもっとも近いキーファクターです！
表示方法に関しては改めて別タイトルにて質問を流します。

[退会済みユーザー]

切り分け方法の一部に間違いがあったので修正しました。
POST 内容の確認は、Headers の form data が正しいです。

Answer 2

もし、datatypeを指定しないとどうなります？
渡しているdataがすでにjsonオブジェクトなのに、datatypeでjsonを指定したことで、jsonオブジェクトをさらにjsonにparseしようとしておかしなことになっている、という可能性はないでしょうか？

Comments

[JimMachine]

コメントアウトしましたがvardumpの結果はnullです。
(p.s)
datatypeの変更をしてみました。
'json' -> 'text'
変化なしです。

Answer 3

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

php側にこれを追記してもだめですか？

Comments

[JimMachine]

すでに追記済みでした

Answer 4

var_dump ($_POST['dsp_method']);

としてみてください。

Comments

[JimMachine]

結果はNullです。