【Jquery:ajax通信】×【PHP】でfetchできない

Question

ajaxを使用した通信時のエラーについて

予期しないトークン '<'、"「... は有効な JSON ではありません」

とのエラーによりPHPからデータを取得できない状態です。

fetch()から取得しPHPから値を取得したいです。

WHEREありのexecute();→fetch()だとエラーになります。
WHEREなしのquery()→fetchAll()だと成功します。

このエラーの原因と対策方法を知ってる方おりましたら教えて下さい。
サーバーはXserverを使用しています。

現状のコード - Javascript

async function X_ajax(type, file_name, db_name, func, data){
  var results;
  await jQuery.ajax({

    url: '../php/' + file_name, //送信先PHPファイル
    type: type,
    //POSTするデータ
    data: {
      'func' : func, 
      'db_name' : db_name,
      'data': data
    }
  }).done(function (data) {//成功時
    results = data;
  }).fail(function (jqXHR, textStatus, errorThrown) {
      // 通信失敗時の処理
      console.log("ajax通信に失敗しました");
      console.log("jqXHR          : " + jqXHR.status); // HTTPステータスが取得
      console.log("textStatus     : " + textStatus);    // タイムアウト、パースエラー
      console.log("errorThrown    : " + errorThrown.message); // 例外情報
  });
  return results;
}

  var data = {
    "table":"User",
    "id":"WgrywcB4kyfkCeaU"
  };
 var a = await X_ajax("POST", x_php_name, "testdb", "Single_load", data);
 console.log(a);

現状のコード - PHP（今回のエラー）※WHEREあり

header('Access-Control-Allow-Origin: *');
header('Content-type: application/json; charset=utf-8');

//iniデータからサーバー情報を取得
$ini = parse_ini_file("./database.ini", FALSE);
	
$iddb_name = $ini['id'] . '_' . $_POST['db_name'];

$dsn = "mysql:dbname={$iddb_name};host={$ini['host']};charset={$ini['charset']}";

//SQL接続
$pdo = new PDO($dsn, $ini ['dbusr'], $ini ['dbpass']);

function Single_load($pdo, $data){

	try {

			$table = $data['table'];
			$id = $data['id'];
	
			global $connect;

 			// テーブル名
			$sql = "SELECT * FROM $table WHERE Id=:id";

			$stmt = $connect->prepare($sql);
			$stmt->bindValue(':id', $id, PDO::PARAM_STR);
			$stmt->execute();
			$row = $stmt->fetch(PDO::FETCH_ASSOC);

			return $row['Name'];


	} catch(PDOException $e) {//エラーの場合
			//echo 'DB接続ERROR: ' . $e->getMessage();
			return false;
	}
}

//関数を実行
	$func = $_POST['func'];
	//jsから貰った配列または変数
	$data = $_POST['data'];

	//データ配列で返す
	echo json_encode($func($pdo, $data));
	// データベースの接続解除
	$pdo = null;

エラーコード

jqXHR : 200
xyz.js:52 textStatus : parsererror
xyz.js:53 errorThrown : Unexpected token '<', "
<br />
<b>"... is not valid JSON

現状のコード - PHP（成功しているPHP）※WHEREなし

header('Access-Control-Allow-Origin: *');
header('Content-type: application/json; charset=utf-8');

//iniデータからサーバー情報を取得
$ini = parse_ini_file("./database.ini", FALSE);
	
$iddb_name = $ini['id'] . '_' . $_POST['db_name'];

$dsn = "mysql:dbname={$iddb_name};host={$ini['host']};charset={$ini['charset']}";

//SQL接続
$pdo = new PDO($dsn, $ini ['dbusr'], $ini ['dbpass']);

//読み込み
function Box_load($pdo, $data){

		$table = $data['table'];

		try {
			// テーブル名
			$sql = "SELECT * FROM $table";

			// SQLの実行：queryメソッドで実行し、変数stmt（statementの略）に結果を入れる
			$stmt = $pdo->query($sql);
			
			// データすべてを取得
			$result = $stmt->fetchAll(PDO::FETCH_ASSOC);

			return $result;
			
		} catch(PDOException $e) {//エラーの場合
			//echo 'DB接続ERROR: ' . $e->getMessage();
			return "false";
		}
		
}

//関数を実行
	$func = $_POST['func'];
	//jsから貰った配列または変数
	$data = $_POST['data'];

	//データ配列で返す
	echo json_encode($func($pdo, $data));
	// データベースの接続解除
	$pdo = null;

mySQL

Answer 1

$.ajaxを処理したいなら$.whenで対応ください
jQueryにそのままasync/awaitが適用できるわけではありません
jsなら$.ajaxではなくfetch APIが用意されていますので、そちらへの切り替えをご検討ください
なお、受け取ったJSONの型エラーの場合は、テキストでうけとって検証するのが賢明です。

PHP側もpostデータを$_POSTで参照するのはやめましょう。
クライアント側からDB名やテーブル名を渡すのもかなり問題があります
メンテナンスツールをつくるというなら別ですが、その場合はホワイトリストを作って合致させるというステップが必要だと思います

Comments

[todayyy]

コメントありがとうございます！fetchAPIにしたところ無事取得することができました。それからDB名とテーブル名を渡すのをやめました。教えてくださりありがとうございます！ホワイトリスト関連等は随時調べて実装させていただきます。

Answer 2

//----] データ
    const data = {
      "id" : "WgrywcB4kyfkCeaU"
    };

    //----] 送信先
    const url = "php/user.php";
    //----] 送信・レスポンス受け取り
    fetch( url, {
      "method": "post",
      "headers": { "Content-Type": "application/json" },
      "body": JSON.stringify(data)

    }).then( res => res.json() )
    .then( json => {
      console.log(json); //⇒ JSON データ

    }).catch( error => {
      console.log( "error =", error );
    });

<?php
	header('Access-Control-Allow-Origin: *');
	// ヘッダ（データ形式、文字コードなど指定）
	header('Content-type: application/json; charset=utf-8');

	//iniデータからサーバー情報を取得
	$ini = parse_ini_file("./database.ini", FALSE);
	
	$iddb_name = $ini['id'] . $ini['testdb'];

	//MariaDB 10.5では、接続先のホストは「localhost」
	$dsn = "mysql:dbname={$iddb_name};host={$ini['host']};charset={$ini['charset']}";

	//SQL接続
	$pdo = new PDO($dsn, $ini['dbusr'], $ini['dbpass']);

	$params = json_decode(file_get_contents('php://input'), true);
	$id = htmlspecialchars($params["id"], ENT_QUOTES);

	$row = '';

	try {
		// テーブル名
		$sql = "SELECT * FROM User WHERE Id=:id";

		$stmt = $pdo->prepare($sql);
		$stmt->bindValue(':id', $id, PDO::PARAM_STR);
		$stmt->execute();
		
		// データすべてを取得
		$result = $stmt->fetch(PDO::FETCH_ASSOC);

		echo json_encode($result);
		
	} catch(PDOException $e) {//エラーの場合
		//echo 'DB接続ERROR: ' . $e->getMessage();
	}

	// データベースの接続解除
	$pdo = null;
?>