使用 jQuery/Ajax 保存数据

Question

我希望每当人们开始在文本框中输入时发出警报。它将返回“Data Saved:” + my msg，位于 test.php 文件夹中。

$("#textbox").on('change keyup paste', function() {

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

我尝试将“方法”更改为“类型”。 使用 .serialize()。 使用成功：函数

我不确定是什么问题。谢谢！

编辑： 添加了错误代码。到目前为止，控制台上没有任何错误消息。

             $.ajax({
                  method: "POST",
                  url: "test.php",
                  data: { content: $("#textbox").val() }
                })

              error: function (request, error) {
                alert("An error occurred");
               },

                success: function (response) {
              if (response == 'OK') {
                $("#diary").val()
               } else {
                alert("An error occurred");


                  }

Answer 1

从您的评论中，您收到以下错误：

$.ajax 不是 HTMLTextAreaElement 中的函数。 (loggedinpage.php:92) 在 HTMLTextAreaElement.dispatch (jquery-3.1.1.slim.min.js:3) 在 HTMLTextAreaElement.q.handle (jquery-3.1.1.slim.min.js:3)

错误告诉您代码无法在任何地方找到 $.ajax() 函数来执行它。

同时，该消息泄露了您正在使用 jQuery Slim 的事实。该库的精简版本不包括 $.ajax() 函数等。你需要使用完整版的jQu​​ery。

最新（或任何最近的）发行说明中的​​详细信息（在“Slim build”部分）：https://blog.jquery.com/2017/03/20/jquery-3-2-1-now-available/

作为旁注，我很惊讶您希望每次用户在文本框中键入字符时都显示警报。我预测这很快就会让用户非常恼火。也许只是在附近的 div 中显示一条消息（不会窃取焦点并阻止他们输入）会更好。我还想问是否真的有必要在每次输入字符时将数据保存到服务器？如果用户键入很多，它将触发数十个 ajax 请求。您包含“keyup”就是这样做的原因。也许重新考虑一下您希望它如何工作，以及为什么。