为了账号安全,请及时绑定邮箱和手机立即绑定

如何使用php从mysql检索数据并在javascript上显示?

如何使用php从mysql检索数据并在javascript上显示?

PHP
阿晨1998 2021-11-13 16:47:10
我正在尝试使用 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>
查看完整描述

1 回答

?
潇潇雨雨

TA贡献1833条经验 获得超4个赞

当查询成功时,您必须在 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;

        },

   });    

}


查看完整回答
反对 回复 2021-11-13
  • 1 回答
  • 0 关注
  • 117 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信