Загрузка сообщений чата не работает должным образом

Question

Это мой код для отправки сообщения в реальном времени.

После отправки сообщения оно не отображается, пока я не обновлю страницу.

Я хочу, чтобы в этом окне чата отображалось новое введенное сообщение.Это для отображения списка пользователей В левой части страницы:

$(".user-w").click(function() {
var user_id = $(this).attr("id");
// alert(user_id);
$.ajax({
    type: "POST",
    url: "<?php echo base_url('Message/getMessageByLists/')?>",
    data: {
        'user_id': user_id
    },
    datatype: 'html',
    success: function(data) {
        $("#loadMessages").html(data);
    }
}); }); 

Это функция отправки:

$("#sendMessage").click(function(e) 
{e.preventDefault();// alert("test");
  var msg = $("#message_text").val();
  var touser = $("#touser").val();
 //var reservation_id = $("#reservation_id").val();
  if (!msg || msg.length == 0) {
     alert("enter a message");
    } else {
     $.ajax({
    type: "POST",
    url: "<?php echo base_url('Message/addMessage')?>",
    //  data:{'msg' : msg, 'touser' : touser, 'reservation_id' : reservation_id},
    data: {
        'msg': msg,
        'touser': touser
    },
    datatype: 'text',
    //  Page.Server.ScriptTimeout = 300;
    success: function(data) {
        if (data == 1) {
            //$("#loadMessages").load();
            $("#message_text").val("");
        } else {
            alert("noo eroor chat message");
        }
    },
});
//return false;
}  }); // End Send Function

Answer 1

если я не ошибаюсь, это может быть элемент с классом "user-w", также этот элемент также имеет атрибут "id".Таким образом, вы можете просто выполнить следующую строку после отправки сообщения пользователю.

$(".user-w[id='"+ touser +"']").trigger("click");

над строкой необходимо поместить в метод «success», как показано ниже:

if (data == 1) {
    //$("#loadMessages").load();
    $("#message_text").val("");
    $(".user-w[id='"+ touser +"']").trigger("click");
} else {
    alert("noo eroor chat message");
}