php - Jquery.Ajax POST 更新クエリ

Question

ページ全体を投稿せずにデータベースを更新する方法を探しています。

これをできるだけシンプルにしようとしています。

問題のデータベースにいくつかの情報を含むテーブルを作成しています。TD をクリックすると、TD のコンテンツがテキスト ボックスに切り替わり、そのテキスト ボックスの onblur イベントで、DB の特定のフィールドを更新したいと考えています。

フィールドを更新するクエリを作成するには、別の URL (またはページ全体が更新されない限りは同じ) で POST を要求する必要があります。

これまでのところうまくいきません... (関数のパラメータは問題ないと仮定します)

file.js :

function update_configs(c_value, c_id, c_field) {
    $.ajax({
        url: "/config_update.php",
        type: "post",
        data: { value: c_value, id: c_id, field: c_field }
    });
}

config_update.php:

$conn = new PDO('mysql:host=localhost;dbname=myDatabase', $username, $password);

$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

$conn->query("UPDATE table SET " . $_POST['field'] . " = " . $_POST['value'] . " WHERE id = " . $_POST['id']);