Как делать уведомления в режиме реального времени с 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, который будет считываться в базе данных.последнее сообщение.

JS-код в index.php:

function charger() {

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

        charger();

      },5000);
    }

    charger();

PHP-файл в charger.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;

?>

Но я не могу отобразить текст Iчитать в моей базе данных в моем месте уведомления.

Answer 1

<script type="text/javascript">
 $.ajax({
  url: "charger.php",
  type: "GET",
  success: function(html){
     $("h6").prepend(html);
  }
});

см. Система уведомлений Ajax с jquery, php и mysql

Answer 2

GET не определено, так как вы должны заключить его в кавычки, поскольку это имя метода HTTP, который вы будете использовать, а не переменная в вашем коде.

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

Кстати, вам следуетбросить взгляд на setInterval.