【发布时间】:2017-05-18 03:36:36
【问题描述】:
我正在编写一个非常简单的聊天应用程序。我编写了一个代码,可以在不刷新页面的情况下在数据库中插入数据。但是当我同时对两个用户进行测试时,我只能在我发送新消息时看到其他用户发送给我的内容。我怎样才能让它更生动?我花了一整天的时间阅读 Websockets(特别是 socket.io、ratchet)和长轮询。我在这里找到了有趣的解决方案,但我希望用我已经编写的代码来实现它,这让我感到困惑。我正在使用 php while 语句从数据库中获取数据。
工作 Ajax 代码
<script>
$(document).ready(function(){
$("#buttons").click(function(){
var fromuserid = $("#fromUserId").val();
var touserid = $("#toUserId").val();
var chatMessage = $("#chatMessage").val();
// stored in database.
var dataString = 'fromUserId='+ fromuserid + '&toUserId='+ touserid + '&chatMessage='+ chatMessage;
// AJAX
$.ajax({
type: "POST",
url: "chat.php",
data: dataString,
cache: true,
success: function(response){
$("#displayMessage").html(response);
$("#chatForm").trigger("reset");
}
});
return false;
});
});
</script>
while 语句
<div id='displayMessage' style='height: 480px; padding:5%; overflow-x:hidden;'>
<?php
$chatmsgQ="SELECT * FROM ve_chat c
WHERE c.isActive='1' AND (c.fromUserId='$loginid_session'
OR c.toUserId='$loginid_session')";
$chatmsgresult= mysqli_query($db,$chatmsgQ);
while($chatmsg= mysqli_fetch_array($chatmsgresult)){?>
<?php if($chatmsg['fromUserId']==$loginid_session):?>
<!-- user one -->
<p class='bubble pull-left'><?=$chatmsg['message'];?></p>
<?php elseif($chatmsg['fromUserId']!=$loginid_session):?>
<!-- user two-->
<p class='bubbleother pull-right'><?=$chatmsg['message'];?></p>
<?php endif;?>
<?php } ;?>
</div>
【问题讨论】:
-
显示查询中涉及的表模式。您确定要检索两个用户的消息吗?查询是否在 phpMyAdmin(或类似)中工作?
标签: php jquery mysql websocket long-polling