Javascript 如何自动保存和自动更新文本区域

我目前正试图创建一个基于web开发者课程的“秘密日记”项目的测试网站。我正在尝试创建一个页面，保存写入文本框的所有注释，并在再次登录时显示它们。几乎一切都可以正常工作-我可以启动会话并在登录时显示保存的文本，但当加载页面时，文本框正在删除文本框保存的数据。我知道有更好的方法来存储信息，我只是在寻找如何让这种方法发挥作用。这应该是所有相关代码：

mainpage.php：

<?php include("updatediary.php"); ?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<form method="post">
<textarea class="form-control"><?php echo $diary; ?></textarea> 
</form>

<script>
$("textarea").keyup(function() {
$.post("updatediary.php", function(){diaryInput:($("textarea").val());} );  
});
</script>

---

任何帮助都会很棒。我个人认为我的$.post部分有问题。

您的$\u post检查您正在传递一个函数作为

.post（）

调用的数据参数。您应该传递实际的表单数据，例如，

$.post（'foo.php'，{diaryInput:$（'textarea'）.val（）}）好的，谢谢，这两个我都试过了。现在代码不会被删除，但不会更新数据库。（另请参阅原始帖子的最后一节，我忘了在中添加它）您的$\u post检查您正在传递一个函数作为
.post（）
调用的数据参数。您应该传递实际的表单数据，例如，
$.post（'foo.php'，{diaryInput:$（'textarea'）.val（）}）好的，谢谢，这两个我都试过了。现在代码不会被删除，但不会更新数据库。（另见原帖最后一节，我忘了加进去）
<?php
include("connection.php"); 

$query = "SELECT content FROM users WHERE id='".$_SESSION['id']."' LIMIT 1";
$result = mysqli_query($dbCon,$query);
$row = mysqli_fetch_array($result);
$diary = $row['content'];

if ($_POST['diaryInput']!="") { 
$updateQuery = "UPDATE `users` SET `content`='".mysqli_real_escape_string($dbCon, $_POST['diaryInput'])."' WHERE id='".$_SESSION['id']."' LIMIT 1";


if (mysqli_query($dbCon, $updateQuery)) {
echo "saved";
} else {
echo "not saved";
};  
}

?>

$dbCon = mysqli_connect("localhost", "owenxwfg_admin", "(password)", "owenxwfg_users");