Ajax как подгрузить контент без перезагрузки?

Question

Вот - http://anafimysite.zzz.com.ua/ Например, когда 2 пользователя одновременно сидят на сайте и один из них отправит сообщение, то второй увидит это сообщение только тогда, когда перезагрузит страницу Как сделать так, чтобы сообщение сразу выводилось? Извините, не понимаю

// Подключаюсь к бд
$connect = new PDO("mysql:host-localhost;dbname=myforum;charset-utf8", 'mysql', 'mysql');
if(isset($_POST['username'])) {
    $username = $_POST['username'];
    $comment = $_POST['comment'];
    $date = date('Y-m-d H:i:s');
    // Вставь в бд майформ в табилцу коммандс в поля юзернейм, комменд и дата
    // переменные юзернейм, коммент и дата
    // Всё это сохраняется в бд
    $query = $connect ->query("INSERT INTO myforum.comments (username, comment, data) VALUES ('$username', '$comment', '$date')");
}

 ?>

<!DOCTYPE html>
<html>
<head>
    <title>site</title>
    <script type="text/javascript" src=" https://code.jquery.com/jquery-1.11.2.js "></script>
</head>
<body>
    <style type="text/css">
        * {
            -webkit-box-sizing:border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        body {
            margin: 30px;
            font-family: Arial, sans-serif;
        }
        input, textarea {
            width: 300px;
            margin: 5px;
        }
        form {
            display: flex;
            flex-direction: column;
        }

    </style>
    <form action="" method="POST">
        <input type="text" name="username" placeholder="Ваше имя" required>
        <textarea name="comment" cols="30" rows="5" placeholder="Ваш комментарий" required></textarea>
        <input type="submit" name="">
    </form>

    <hr>

    <h2>Форум</h2>
    <?php
    // Desc - чтобы дата шла в обратном порядке
    $comments = $connect->query("SELECT * FROM myforum.comments ORDER BY data Desc");
    $comments = $comments->fetchAll(PDO::FETCH_ASSOC);

    if ($comments) {



    foreach ($comments as $comment) {
     ?>
        <p><?="{$comment['data']} | {$comment['username']} написал(а): {$comment['comment']}"?></p>
    <? }} else { ?>
    <p>Здесь нет комментариев</p>
    <? } ?>
</body>
</html>

БЛОГ НА HUSL

Ajax как подгрузить контент без перезагрузки?

Ответы (0 шт):