javascript - 如何使用AJAX、PHP和MySQL实时发出通知？

Question

我想在我的网站上发出实时通知。我有通知栏:

<div class="alert alert-info alert-with-icon" data-notify="container">
  <button type="button" aria-hidden="true" class="close">
     <i class="nc-icon nc-simple-remove"></i>
  </button>
  <span data-notify="icon" class="nc-icon nc-bell-55"></span>
  <span data-notify="message"><h6>TEXT HERE</h6></span>
</div>

我想将我的文字放在上面提供的空间中。

我创建了一个 JS 函数来调用 PHP 文件，该文件将在数据库中读取最后一条消息。

index.php 中的 JS 代码:

function charger() {

      setTimeout( function(){
        $.ajax({
          url : "charger.php",
          type : GET,
          success : function(html){
            $("h6").prepend(html);
          }
        });

        charger();

      },5000);
    }

    charger();

charger.php 中的 PHP 文件:

<?php

  $servername = "localhost";
  $username = "scanner";
  $password = "valentin";
  $dbname = "Scanner3D";

  try {
    $bdd = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
    $bdd->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
  }
  catch(PDOException $e)
  {
  }

  // Recuperation des notifications du Scanner
  $requete = $bdd->query('SELECT message FROM notifications ORDER BY id DESC');

  $messages = null;

  while($donnees = $requete->fetch()){
    $messages = $donnees['message'];
  }

  echo $messages;

?>

但我无法在通知位置显示我在数据库中读取的文本。

Answer 1

GET 未定义，因为您应该将其用引号引起来，因为它是您将使用的 HTTP 方法的名称，而不是代码中的变量。

$.ajax({
    url: "charger.php",
    type: "GET",
    success: function(html){
        $("h6").prepend(html);
    }
});

顺便说一句，你应该关注 setInterval .