![](/img/trans.png)
[英]how to make a chat box like facebook using ajax, jquery and php
[英]how to arange msg in chat alternatively like whatsapp using php, ajax
如何在WhatsApp之類的聊天框中安排消息
在我的消息發送列表的php代碼下面,但它目前僅列出如何使其像聊天(另選列表)** ** **我的聊天也不會自動更新傳入的消息。需要刷新
public function ajax_chats($id)
{
$list = $this->users->get_msg_byid($id);
$data = array();
foreach ($list as $users)
{
$row = array();
$user_id = $this->session->userdata('UserId');
$row[] = '<div class="right"><p>'. $users->Content.'</p><span class="time-right">11:00</span></div>';
$data[] = $row;
}
$output = $data;
echo json_encode($output);
}
阿賈克斯
function chat_member(id) {
$('#chatform')[0].reset();
$('.form-group').removeClass('has-error');
$('.help-block').empty();
$.ajax({
url: "<?php echo site_url('member/ajax_view')?>/" + id,
type: "GET",
dataType: "JSON",
success: function(data) {
$('[name="UserId"]').val(data.UserId);
$('#mchat').modal('show');
$('.modal-title').text(data.UserName);
},
error: function(jqXHR, textStatus, errorThrown) {
alert('Error get data from ajax');
}
});
$.ajax({
url: "<?php echo site_url('member/ajax_chats')?>/" + id,
type: "GET",
dataType: "JSON",
success: function(data) {
var msg1 = data.join('<br />');
$('#messagesout').html(msg1);
},
error: function(jqXHR, textStatus, errorThrown) {
}
});
$.ajax({
url: "<?php echo site_url('member/ajax_chats')?>/" + id,
type: "GET",
dataType: "JSON",
success: function(data) {
var msg2 = data.join('<br />');
$('#messagesin').html(msg2);
},
error: function(jqXHR, textStatus, errorThrown) {
}
});
}
public function ajax_chats($id)
{
$user_id = $this->session->userdata('UserId');
$list = $this->users->get_msg_byid($id);
$data = array();
foreach ($list as $users)
{
$chat_time = $users->SendDate;
$time = date('H:i', $chat_time);
$row = array();
if($users->SenderId==$user_id && $users->RecieverId==$id){
$row[] = '<div class="darker"><span class="time-left">'.$time.'</span>
<span class="text-right"><p>'. $users->Content.'</p></div>';}
if($users->SenderId==$id && $users->RecieverId==$user_id){
$row[] = '<div class="lighter"><span class="time-right">'.$time.'</span>
<p>'. $users->Content.'</p></div>';
}
$data[] = $row;
}
$output = $data;
echo json_encode($output);
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.