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");

需要在行上方放置“成功”方法，如下所示：

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

加载CHAT消息无法正常工作

1 个答案: