[Ajax] Odświeżanie diva po zmianie w bazie danych Opcje

[Eustachy1]

Witam

Jak w temacie.
Po dodaniu wartości(level) do bazy danych, powinna wywołać się kolejna funkcja która odświeży diva.

Kod dodania levela do bazy danych poprzez przyciśniecie przycisku:

if (isset($_POST['button'])) {

$level = $_SESSION['level'];
$id = $_SESSION['id'];

$q = "UPDATE uzytkownicy SET level = '$level'+1 WHERE id = '$id'";

$result = mysqli_query($conn, $q) or die("Problemy z odczytem danych!");

mysqli_close($conn);

Jak miałaby wyglądać kod odświeżenia diva? Nie potrafię znaleźć w sieci konkretnych przykładów z wytłumaczeniem.

Pozdrawiam

[trueblue]

A co w tym divie się mieści?

[Eustachy1]

<div id="level"><?php echo "Level: ".$_SESSION['level']; ?></div>

[trueblue]

Zakładam, że przycisk i <div> mieszczą się na tej samej stronie, tak więc kliknięcie przycisku i tak odświeży stronę i załaduje <div> z nową wartością.
Najpierw musisz obsłużyć poprzez Ajax odświeżenie zmiennej sesyjnej.

[Eustachy1]

W jaki sposób miałbym to obsłużyć?

[trueblue]

Podpiąć wywołanie Ajax do zdarzenia na kliknięcie.
https://www.sitepoint.com/guide-vanilla-ajax-without-jquery/

[Eustachy1]

Czyli z jakiego kodu skorzystać?

[trueblue]

Z kodu JavaScript.

[Eustachy1]

Bardzo proszę o dokładne wytłumaczenie.