使用jQuery / Ajax保存數據

Question

每當有人開始在文本框中輸入內容時，我都希望收到警報。 它將返回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請求。 您包含“關鍵字”是這樣做的原因。 也許需要重新考慮一下您希望它如何工作以及原因。