jquery - JQuery AJAX POST メッセージの問題

Question

私は AJAX POST 呼び出しを行っていますが、1 つのことを除いて正常に動作します。送信を行った後、成功/失敗メッセージが表示されますが、もう一度送信をクリックすると、最初のメッセージをクリアせずに別の成功/失敗メッセージが表示されます。新しいものを追加し続けます。送信ごとに 1 つだけ表示するにはどうすればよいですか?

var pageUrl = '<%=ResolveUrl("~/Default.aspx")%>'

        $(".ap-webmethod").click(function () {

            if ($('#aspnetForm').valid()) {
                $.ajax({
                    type: "POST",
                    url: pageUrl + '/ProcessADRequest',
                    data: '{USER: "' + $("[id$='_userName']").text() + '", SSNID: "' + $("[id$='_empLast4Txt']").val() + '", DOB: "' + $("[id$='_empDobTxt']").val() + '"}',
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) { $('.post-msg').append("<label>" + response.d + "</label>"); },
                    failure: function (response) { $('.post-msg').append("<label>" + response.d + "</label>"); }

                });


                return false;
            }
        });

Answer 1

最初にを使用して古いメッセージを削除する必要があります$('.post-msg').remove()。私はこのようなことをします：

        $.ajax({
                type: "POST",
                url: pageUrl + '/ProcessADRequest',
                data: '{USER: "' + $("[id$='_userName']").text() + '", SSNID: "' + $("[id$='_empLast4Txt']").val() + '", DOB: "' + $("[id$='_empDobTxt']").val() + '"}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) 
                { 
                    $('.post-msg').remove('.msg'); 
                    $('.post-msg').append("<label class='msg'>" + response.d + "</label>");         
                },
                failure: function (response) 
                { 
                    $('.post-msg').remove('.msg'); 
                    $('.post-msg').append("<label class='msg'>" + response.d + "</label>"); 
                }

            });

Answer 2

append(...)必要に応じてどこを使用していますかval(...)