div исчезают, а затем появляются после вызова функции post с JQuery

Question

Я достигаю чата AJAX, и он почти готов. До сих пор у меня есть div, содержащий сообщения, текстовую область и кнопку, после нажатия кнопки отправки данные отправляются в другой файл .php через сообщение:

function send(pid){
    $.post("SetAndGet.php",{
        msgChat: $("#messagePM").val(),
        idpChat: pid
    },function(data){
        $("#messagesPM").html(data);
    });
}

Проблема, о которой я спрашиваю (и считая настолько странной), заключается в том, что в ответе div messagesPM разочаровывается и снова появляется с новыми сообщениями. Почему он исчезает и как это исправить?

Answer 1

    function send(pid){
      $.post("SetAndGet.php",{ msgChat: $("#messagePM").text(), idpChat: pid },function(data){ $("#messagesPM").append(data); });
 })

Во-первых, если $ ("# messagesPM") является DIV, .val () не будет возвращать содержимое div, вы должны использовать .text (), чтобы получить текст внутри div.

Во-вторых, использование HTML () заменит div тем, что возвращается, поэтому используйте append. ЕСЛИ вы не возвращаете HTML-тег DIV с его содержимым.