javascript - jquery keyup 函数后，ajax 请求未提交到数据库

Question

我试图做到这一点，以便当文本区域内有键盘输入时，它会将数据库中的“日记”值设置为登录的指定用户的“Hola”(目前)。我是也不会提醒您在 keyup 之后保存数据。

loggedInPage.php

<div class="container-fluid">
    <form class="form-group" name="diaryForm" id="diaryForm">
    <textarea class="form-control" id="diary" name="diary"></textarea> 
    </form>
</div>

<script type="text/javascript">

    $("#diary").keyup(function() {

        $.ajax({
            method: "POST",
            url: "updateDatabase.php",
            data: { content: $("#diary").val() }
            success: function(data)
        });
            .done(function(msg) {
                alert("Data Saved: " + msg);
            }); 

    })

</script>

更新数据库.php

<?php

    include("connection.php");

    $query = "UPDATE `users` SET `diary` = '".mysqli_real_escape_string($link, "Hello")."' WHERE email = '".mysqli_real_escape_string($link, $_SESSION['email'])."'";

    mysqli_query($link, $query);


?>

Answer 1

删除.done之前的;

...
})
.done(function(msg) {
...

后面缺少一个逗号:

data: { content: $("#diary").val() }

您还有一个不完整的成功选项。

成功:函数(数据)无效。由于您正在使用 done，只需将其删除...如下所示

$("#diary").keyup(function() {

  $.ajax({
      method: "POST",
      url: "updateDatabase.php",
      data: {content: this.value}
    })
    .done(function(msg) {
      alert("Data Saved: " + msg);
    })
    .error(function(err){
      console.log(err.statusText)
    })

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container-fluid">
  <form class="form-group" name="diaryForm" id="diaryForm">
    <textarea class="form-control" id="diary" name="diary"></textarea>
  </form>
</div>