Witam, mam problem z odświeżaniem elementu <div id="chatbox">
, element się odświeża lecz nie wyświetla ostatniego rekordu w bazie. Po dodaniu kolejnego wyświetla sie poprzedni. Dopiero odświeżenie strony spowoduje wyświetlenie całej bazy, a chodzi mi o to by odświeżał jedynie ten element gdyż ma to być ala chatbox. W insert.php
mam metodę w której dodaje wartości do bazy. W ``select.php mam metodę do pobierania wartości z bazy i wypisywanie. Chciałbym to zrobić na jednym przycisku po kliknięciu dodaje do bazy i wyświetla wynik w tym divie.
<!DOCTYPE html>
<html lang="pl">
<head>
<title>Insert</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#button").click(function(){
var tresc=$("#tresc").val();
$.ajax({
url:'insert.php',
method:'POST',
data:{
tresc:tresc
}
});
});
$("#button").click(function(){
$("#wypisz").load("select.php");
});
});
</script>
</head>
<body>
<div id="wypisz">
</div>
<input type="text" name="tresc" id="tresc">
<button type="submit" id="button">SAVE</button>
<button type="submit" id="button1">reload</button>
</body>
</html>