如何使用php從mysql檢索數據並在javascript上顯示？

Question

我正在嘗試使用 php 和 javascript 創建實時更新。 例如，如果用戶添加了一個新客戶端，則應使用 javascript 將行數反映在 HTML 的元素上。 有人可以教我怎么做嗎？ 我在下面有這個代碼，並試圖檢索它，但它沒有值。

PHP：

<?php
    include("pConfig.php");
    session_start();
    $cntPending = 0;
    $sql = "SELECT * FROM ci_account_info Where Status = 0";
    $result = mysqli_query($db,$sql);
    if (!$result) {
        printf("Error: %s\n", mysqli_error($db));
        exit();
    }
    $cntPending = mysqli_num_rows($result);
?>

爪哇腳本：

function getTimeSheetValue() {
        $.ajax({
            type: 'POST',
            url: '../back_php_Code/pCntPending.php',
            dataType: 'json',
            data: '',
            contentType: 'application/json; charset=utf-8',
            success: function (response) {
                                var cells = eval("(" + response.d + ")");
            document.getElementById("lblPending").innerHTML = cell[0].value;
            },
       });    
}

HTML：

<h4 id="lblPending" class="m-b-0">0</h4>

謝謝和問候

Answer 1

當查詢成功時，您必須在 PHP 中添加 echo 行，然后 php 可以將消息發送回 ajax，因此更改您的 PHP 代碼：

 <?php
     include("pConfig.php");
     session_start();
     $cntPending = 0;
     $sql = "SELECT * FROM ci_account_info Where Status = 0";
     $result = mysqli_query($db,$sql);
     if (!$result) 
     {
         printf("Error: %s\n", mysqli_error($db));
         exit();
     }
     else
     {
         $cntPending = mysqli_num_rows($result);
         echo $cntPending;
     }
 ?>

而你的javascript需要稍微改變一下：

function getTimeSheetValue(user, pass) {
    $.ajax({
        type: 'POST',
        url: '../back_php_Code/pCntPending.php',
        dataType: 'text',
        contentType: 'application/json; charset=utf-8',
        success: function (response) {
                            var cell = response;
        document.getElementById("lblPending").innerHTML = cell;
        },
   });    
}