从其 ID 返回数据库列的值

Question

我尝试从 ID 中返回数据库列的值。 我想在 ID 为“#name_page”的<span> 中显示它

我通过 POST "$(this).attr("id")" 发送 ID

我有我的 AJAX 调用

$(document).on('click', '.update_btn', function(e){
   e.preventDefault();
      $.ajax({
      url:"fetch_single.php",
      type:"POST",
      data:{
        user_id: $(this).attr("id"),
      },
      success:function(data) {  
        $('#name_page').val(data.name_page);
        $('#user_id').val(user_id);            
    }
  });

然后我在 fetch_single.php 中接收它

$servername = "localhost";
$username = "root";
$password = "root";
$dbname = "test";

try {
    $conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    $stmt = $conn->prepare("SELECT name_page FROM table WHERE id = '".$_POST["user_id"]."' 
        LIMIT 1"); 
    $stmt->execute();
}
catch(PDOException $e) {
    echo "Error: " . $e->getMessage();
}
$conn = null;

但不可能在我的网页中恢复价值

Answer 1

您没有获取结果，因此它将为空，jquery 也需要 json，因此您需要对您的响应进行 json_encode。

除了您使用 PDO，您还应该使用准备好的查询。

<?php
$servername = "localhost";
$username = "root";
$password = "root";
$dbname = "test";

$json = [];

// is POST
if ($_SERVER['REQUEST_METHOD'] == 'POST') {

    // check user_id
    if (!isset($_POST["user_id"]) || !is_numeric($_POST["user_id"])) {
        exit(json_encode(['error' => 'Invalid user id']));
    }

    try {
        $conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
        $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
        $stmt = $conn->prepare("SELECT name_page FROM table WHERE id = ? LIMIT 1"); 
        $stmt->execute([$_POST["user_id"]]);

        $json = ['name_page' => $stmt->fetchColumn()];
    }
    catch(PDOException $e) {
        $json = ['error' => $e->getMessage()];
    }
    $conn = null;

} else {
    $json = ['error' => 'Sorry expecting POST'];
}

echo json_encode($json);

为你的 jQuery 试试这个：

$(document).on('click', '.update_btn', function(e){
    e.preventDefault();

    var user_id = $(this).attr("id");

    $.ajax({
      url:"fetch_single.php",
      type:"POST",
      dataType: "json",
      data:{
        user_id: user_id,
      },
      success: function(data) {
        $('#name_page').val(data.name_page);
        $('#user_id').val(user_id);            
      }
   });
});