Передача данных из JavaScript в php

Question

Всем привет, делаю форум на php и передаю данные из js в php. На странице выскакивают какие-то символы, больше на ней ничего нет. Вот код: PHP

```
<?php
    $connect = new PDO ("mysql:host=localhost; dbname=*****;charset=UTF8", '******', '*****');
    if (isset($_POST['username'])){
        $username = $_POST['username'];
        $comment = $_POST['comment'];
        $date = date('H:i:s');
        $query = $connect->query("INSERT INTO ******.comments (username, comment, data) VALUES ('$username', '$comment', '$date'");
    }

    $comments = $connect->query("SELECT * FROM ******.comments ORDER BY data DESC");
    $comments = $comments->fetchAll(PDO::FETCH_ASSOC);
    if ($comments){
        foreach($comments as $comment){

            echo "{$comment['data']} . {$comment['username']}";
            echo "<br>";
            echo "{$comment['comment']}";
            echo "<br>";

        }
    }else{
        echo "Пока нет ни одного комментария :(";
    }
?>
```

HTML:

```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="form.js"></script>
</head>
<body>
    
<h2>Форум</h2>

<div class="block">
<form action="" method="POST" id="form">
    <div class="block-comment">
        <input type="text" id="username" name="username" class="r" placeholder="Ваше имя" required>
        <textarea name="comment" id="comment" cols="10" rows="5" class="r" placeholder="Ваш комментарий" required></textarea>
        <input type="button" id="form-bt">
    </div>
</form>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text\javascript" src="form.js"></script>
</body>
</html>
```

JS:

```
$(document).on('click', '#form-bt', function(){
    var comment = $("#comment");
    var username = $("#username");
    $.ajax({
        url: 'index.php',
        type: 'POST',
        dataType: 'json',
        data: {
            comment: comment,
            username: username,
        },
        success: function(data){
            alert("Наконец-то всё получилось!");
        },
        error: function(){
            console.log('ERROR');
        }
    })
})
```

Помогите пожалуйста.

БЛОГ НА HUSL

Передача данных из JavaScript в php

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