DBからレコードデータを取り出し、表示することができない。

Question

現在、取り組んでいるのが下記の内容です。
DBの操作を行い、操作内容を表示したいのですが、どこが原因なのか切り分けや記述の仕方などがわからない、ご教授いただければと思います。

*申し訳ないですが、デバッグのやり方がわかっていません。

【内容】
使用ファイルは2点で（）の目的で使用しています。

１、 form.php(フォーム入力画面、JavaScriptの記述、DBの取り出しものの表示)
２、 apply.php (DBへの命令)

フォーム画面から入力
DBに挿入登録（DBへ登録まではできています）

入力を行なったフォーム画面の下側にテーブルを作り、
その中にDBから選択したフィールドのみを表示する。

JavaScript,jQuery,sql
の3つコードを記載していますので、ご確認お願いします。

【form.php】DBのデータを表示

$(window).load(function(){
	setList();
});
//登録データを一覧表示する
function setList() {
	var query = {};
	$.ajax({
		type :'POST',
		url : 'request/apply.php?mode=list',
		data :query,
		dataType :'json'
	}).done(function(data) {
		//データが存在しない場合(null)
		alert(data);
		console.log(data);

		if (data == null) {
			$('#set_table_list').html('登録データはありません。');
		}else {
			var content = '';
			$.each (data, function(i, obj) {
				content += '<tr>'
									
										+'<td>' + obj.category + '</td>'
										+'<td>' + obj.price + '</td>'
										+'<td>' + obj.company + '</td>'
										+'<td>' + obj.id + '</td>'
										+'<td>' + obj.manager + '</td>'
										+'<td>' + obj.month; + '</td>'
										+'<td><input type="button" value="編集" onClick="editData(' + obj.no + ');"></td>'//編集
										+'<td><input type="button" value="終了" onClick="completData(' + obj.no + ');"></td>'//終了
										+'<td><input type="button" value="削除" onClick="deleteData(' + obj.no + ');"></td>'//削除
									+'</tr>';
			});
			$('#set_list').html(content);
		}
	});
}

【form.php】テーブルとしてDBの内容を表示

            <div id="set_table_list">
			<table class="table table-bordered table-condensed">
				<thead>
					<tr>
                    	<td>No. </td>
						<td>カテゴリー名</td>
						<td>金額</td>
						<td>会社</td>
						<td>ID</td>
						<td>担当者</td>
						<td>月</td>
						<td>編集</td>
						<td>終了</td>
						<td>削除</td>
					</tr>
				</thead>
				<tbody id="set_list">
				</tbody>
			</table>
            </div>
            

【apply.php】DBサーバへの命令。switch文を使っています。

		case 'list' :
		//データ取得する
				$sql = <<<EOF
						SELECT 
							sd_category, 
							sd_price, 
							sd_company, 
							sd_id, 
							sd_manager, 
							sd_month, 
						FROM
							テーブル名 
						WHERE
							del_flg = 0
EOF;
				//pdoクラスの変数$dbhが$sqlの値を$stmtに代入($sqlの値を$stmtという変数にする)
				$stmt = $dbh->prepare($sql);
				//プリペーアドステートメントを実行する。
				$stmt->execute();
				
				$result = "";
				//プリペーアドステートメントの結果を取得(連想(ASSOC)配列で受け取る)
				while($row = $stmt->fetch(PDO::FETCH_ASSOC)){
						$result .= $row['sd_category'] ."," .$row['sd_price'] ."," .$row['sd_company'] .$row['sd_id'] .$row['sd_manager'] .$row['sd_month'] ."<br>\n"; 
				}
				//配列をJSON形式に変換して送信する
				header('Content-type:application/json');
				echo json_encode($row);
				break;		
コード

Comments

[date]

デバッグを覚えた方がいいので使っているブラウザを教えてください。

[hiro0208]

やはり、そうですよね。google chome 55.0.2883.95 (64-bit)なります。

[date]

F12を押して Consoleと表記されているところを表示しながら実行してみて下さい

Answer 1

どこまでができていて、どこからができていないという認識なのでしょうか？
たとえば

apply.php?mode=listとありますがapply.phpにはpostでデータを送ってますね？
getで受けたmodeはきちんと参照できているのでしょうか？
（いきなりswitchの分岐から書かれているのでいまいち判断つきません）

$.ajaxについてもdoneよりsuccessで確認したほうがよいかもしれません
その際はerrorを併記してください

 $.ajax( {
 url : '・・・',
 type:'post'
 dataType:'json',
 data :{},
 success: function(msg){
   console.debug(msg);
 },
 error: function(XMLHttpRequest, textStatus, errorThrown) {
   console.log( textStatus);
 },
 });