Keyup show success-message one time

Question

私は、ユーザがキーを押すたびに、またはテキストエリア内に書き込むたびに、自分のデータベースにデータを保存するテキストエリアを持っています。私の問題は、誰かがキーを押すたびに繰り返される<p>に「保存」のような成功メッセージを表示したいときに、同じメッセージを繰り返して1回だけ表示したいと思うことです。

可能であれば、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()は、既存の-1に新しいデータを追加しました要素の中にあるので、複数の正常なメッセージが表示されます。

html()は、古いデータを最初に削除し、次に新しいものを追加します。だから反復は起こりません。

あなたの投稿の下のすべてのコメントを読んで、改善のためにそれらを実装しようとしてください。特に、各キーアップでajaxコールを送信しないでください。ある時点でシステムが壊れてしまいます。