Как использовать AJAX для обновления моей страницы после запуска функции PHP?

Question

Итак, я пытаюсь сделать так, чтобы какой-то текст появлялся на моей веб-странице после того, как пользователь нажимает кнопку и запускает функцию mysql, но моя функция AJAX только выполняет функцию mysql, не делая ничего другого, я немного запутался о том, что именно я должен написать, чтобы он обновил мою страницу.

AJAX:

<script>$(document).ready(function(){
                    var game = 69;
                    var review = 21;
                    $('#fav').click(function(){
                      $(document).load('core/like.php', {
                         thegame: game,
                         thereview: review
                        }); 
                    });
                    });</script>"

PHP (core / like.php)

<?php
session_start();

if (isset($_SESSION['username'])) {

    require 'connect.php';

    $thegame = $_POST['thegame'];
    $thereview = $_POST['thereview'];

    $username = $_SESSION['username'];
    $datentime = date("m/d/Y h:i:s a");

    $stmt = $conn->prepare("UPDATE reviews SET likes=likes+1 WHERE r_id='$thereview'");
    $stmt2 = $conn->prepare("INSERT INTO likes (l_id, username, r_id, date) VALUES (NULL, '$username', '$thereview', '$datentime')");

    $stmt->execute();
    $stmt2->execute();
    $stmt->close();
    $stmt2->close();
    $conn->close();

    echo "<div id="content"><h1>THIS IS A TEST</h1></div>";
    exit();

} else {
    echo "<h1>ERROR</h1>";
} 

?>

Кроме того, он запускает запрос mysql только тогда, когда я использую «документ» в качестве селектора jQuery. Если я пытаюсь использовать определенный div, такой как $(#abox).load('core/like.php'.., он ничего не делает. Если я пытаюсь добавить селектор в конце, чтобы указать, какой контент из php-файла я хочу вернуть, например $(document).load('core/like.php #content'.., он также ничего не делает.

Answer 1

Кажется, что есть две проблемы:

1. В PHP есть вложенные двойные кавычки:
   echo "<div id="content"><h1>THIS IS A TEST</h1></div>";

   Используйте одинарные кавычки для внешнегоиз них:
   echo '<div id="content"><h1>THIS IS A TEST</h1></div>';
   
   

2. Используйте кавычки вокруг селектора jQuery:
   $(#abox).load('core/like.php'...

   Как это:
   $("#abox").load('core/like.php'...

---

Также, пожалуйста, обратите внимание на комментарий о внедрении SQL .