Keyup显示成功消息一次

Question

我有一个文本区域，每次用户点击密钥或在文本区域内写入时，都会将数据保存在我的数据库中。我的问题是，当我想显示一个成功的消息，如＆＃34;已保存＆＃34;在一个<p>中，每当有人敲击一个键时它会重复，我希望它在一次但只有一次重复显示相同的信息。

如果可能，可以删除＆＃34;已保存的＆＃34; 10秒后成功的消息。

这就是我的意思：

HTML：

<div class="form-group">
     <label for="comment">Kommentar:</label>
     <textarea class="form-control" rows="5" id="comment" name="comment"></textarea>
  <p name="message" id="message"></p>

jQuery的：

$("#comment").keyup(function (){
    var isTyping = $('#comment').val();
    var data = 'result=' + isTyping;

    $.ajax({
        type: 'POST',
        url: "commentsave.php",
        data: data,
        cache: false,
        success: function(html){  
           $('#message').append('Saved');

        }
    });
});

PHP：

$name = $_POST['result'];
echo $name;

非常感谢，不需要你为我编码，但只是引导我：）

Answer 1

变化： -

$('#message').append('Saved');

于： -

$('#message').html('Saved');

注意： - append()将新数据添加到元素中的现有数据中，这就是显示多个成功消息的原因。

虽然html()将首先从元素中删除旧数据，然后添加新数据。所以不会重复。

请尝试阅读您帖子下的每条评论，并尝试实施改进。特别是不要在每个按键上发送ajax呼叫。它会在某个时间点破坏你的系统。