Laravel聊天中的长轮询：为什么div不更新自身？
我正在尝试使用长轮询构建laravel聊天应用程序（我知道有nodejs /
redis
但存在问题），因此我一直在尝试将此示例实现到Laravel和MySQL中。
但是，AJAX GET状态请求 始终停留
在pending...。我发现这可能是因为它没有更新div的原因，在div上我在同一页面上显示了来自AJAX
POST请求的新输入的新值。当前，div仅在刷新时进行更新。
这是我的代码：
视图
function getMsg(timestamp){
var queryString = {"timestamp":timestamp};
$.get(
"create",
queryString,
function(data){
var obj = $.parseJSON(data);
console.log(obj.timestamp);
$('#response').append('<p>'+obj.body+'</p>');
getMsg(obj.timestamp);
}
).fail( function(xhr, textStatus, errorThrown) {
alert(xhr.responseText);
});
}
getMsg();
控制者
public function create()
{
$Msg = new Chatting;
if(Request::ajax()){
set_time_limit(0);
session_write_close();
while(true){
$last_ajax_call = isset($_GET['timestamp'])?(int)$_GET['timestamp']:null;
clearstatcache();
$last_timestamp = $Msg->select(array('created_at'))->orderBy('created_at','desc')->first();
$last_change = json_decode($last_timestamp);
if($last_ajax_call == null || $last_change->created_at > $last_ajax_call){
$result = array(
'body'=> $Msg->select('body','created_at')->where('created_at','=',$last_change->created_at)->first()->body,
'timestamp'=> $last_change->created_at
);
$json = json_encode($result);
echo $json;
break;
}else{
sleep(1);
}
}
}else{
$msgdata = $Msg->select(array('created_at','body'))->orderBy('created_at','asc')->get();
return View::make('brightcms.Chatting.Chatting',compact('msgdata'));
}
}
GET请求头
Request URL:http://localhost/msgsys/public/cms/Chatting/create?timestamp=2014-06-09+06%3A49%3A11
Request Headers CAUTION: Provisional headers are shown.
Accept:*/*
Cache-Control:no-cache
Pragma:no-cache
Referer:http://localhost/msgsys/public/cms/Chatting/create
Chrome/35.0.1916.114 Safari/537.36
X-Requested-With:XMLHttpRequest
Query String Parametersview sourceview URL encoded
timestamp:2014-06-09 06:49:11
顺便说一句，最佳方法的奖励积分：
- 改进代码，以充分利用Laravel 4的功能和做事方式。
- 没有任何限制，在dreamhost /共享服务器上运行NodeJS。当前，存在这个问题。
是的，我该如何修复代码，以便在输入新值时，应用程序将更新div以像实时应用程序一样显示新输入的值？
我在Laravel还是很新，很感谢批评/建议。非常感谢你！
问题答案：
从我看来，我认为无限while循环是这里的问题。
PHP和套接字
如果您不能使用NodeJS，请尝试使用带套接字的PHP。应该可以很好地工作！
改进之处
您说您正在寻找改进。他们来了。
另外，我将使用Angular将从服务器检索的数据绑定到视图。
查看文件
<html>
<head>
<title></title>
{{ HTML::script('//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js') }}
<style>
#chat {
width: 300px;
}
#input {
border: 1px solid #ccc;
width: 100%;
height: 30px;
}
#messages {
padding-top: 5px;
}
#messages > div {
background: #eee;
padding: 10px;
margin-bottom: 5px;
border-radius: 4px;
}
</style>
</head>
<body>
<div id="chat">
<input id="input" type="text" name="message" value="">
<div id="messages">
</div>
</div>
<script>
var $messagesWrapper = $('#messages');
// Append message to the wrapper,
// which holds the conversation.
var appendMessage = function(data) {
var message = document.createElement('div');
message.innerHTML = data.body;
message.dataset.created_at = data.created_at;
$messagesWrapper.append(message);
};
// Load messages from the server.
// After request is completed, queue
// another call
var updateMessages = function() {
var lastMessage = $messagesWrapper.find('> div:last-child')[0];
$.ajax({
type: "POST",
url: '{{ url('chat/refresh') }}',
data: {
from: ! lastMessage ? '' : lastMessage.dataset.created_at
},
success: function(messages) {
$.each(messages, function() {
appendMessage(this);
});
},
error: function() {
console.log('Ooops, something happened!');
},
complete: function() {
window.setTimeout(updateMessages, 2000);
},
dataType: 'json'
});
};
// Send message to server.
// Server returns this message and message
// is appended to the conversation.
var sendMessage = function(input) {
if (input.value.trim() === '') { return; }
input.disabled = true;
$.ajax({
type: "POST",
url: '{{ url('/chat') }}',
data: { message: input.value },
success: function(message) {
appendMessage(message);
},
error: function() {
alert('Ooops, something happened!');
},
complete: function() {
input.value = '';
input.disabled = false;
},
dataType: 'json'
});
};
// Send message to the servet on enter
$('#input').on('keypress', function(e) {
// Enter is pressed
if (e.charCode === 13) {
e.preventDefault();
sendMessage(this);
}
});
// Start loop which get messages from server.
updateMessages();
</script>
</body>
</html>
路线
Route::post('chat/refresh', function() {
$from = Input::get('from', null);
if (is_null($from)) {
$messages = Message::take(10);
} else {
$messages = Message::where('created_at', '>', $from);
}
return $messages->latest()->get();
});
Route::post('chat', function() {
return Message::create(['body' => Input::get('message')]);
});
Route::get('chat', function() {
return View::make('chat');
});
模型
class Message extends Eloquent
{
protected $fillable = ['body'];
}
我认为，代码很简单……注释应能解释所有内容。
-
问题内容： 我经营一个网站，用户可以在该网站上通过浏览器互相聊天（想想Facebook聊天）。处理现场互动的最佳方法是什么？（现在，我每30秒进行一次民意调查以更新在线用户和新收到的消息，而另一次民意调查则每秒在聊天页面上进行一次以获取新消息。） 我考虑过的事情： HTML5 Web套接字：未使用此功能，因为它不适用于所有浏览器（仅适用于chrome）。 Flash Sockets：没有使用它，因
-
问题内容： 我已经编写了一个小型的Web应用程序，该应用程序基本上是浏览器中基于JQuery的聊天客户端，要获取我正在使用AJAX请求对服务器进行轮询然后附加任何新回复的帖子，我担心使其效率如此之高尽可能避免失去实时感。 http://darklightweb.co.uk/RealTime/ 我看不到任何可能的中断方式，因此我每5秒钟轮询一个页面，如果没有新的帖子可用于保持数据空闲（如果确实有空闲
-
问题内容： 在我目前正在从事的项目中，我们需要开发一个Web聊天应用程序，而不是一个非常复杂的聊天，仅是一种将两个人联系起来谈论一个非常具体的话题的方式，我们不需要任何身份验证对于这两个用户之一，我们不必支持表情符号，头像或类似的东西。 一些项目成员建议我们可以通过BOSH使用XMPP，我说这就像试图用船网抓鱼，并提出了一种更简单的方法，例如简单的Ajax / MySQL网络聊天，但是我们担心性能
-
我是java新手，所以请不要后悔java中的对象和东西正在传递引用的值，但下面是我试图传递对象的代码。当我通过传递到函数中更新值时，a的值没有改变。发生了什么请帮助我。。。
-
我正在尝试执行以下操作：假设我有以下SELECT查询（请原谅德文列名）： 这个查询大约需要4秒（数据库总共有大约100万条记录），返回大约400条记录。但是，当我想用以下语句更新这些相同的记录时 查询总是在取“永远”后超时。是我做错了什么，还是这种行为是意料之中的？
-
与其他包管理器（如）相比，我发现当更新与给定项目相关的包时，有一种奇怪的行为。 还根据留档，和选项 根据composer.json将依赖项升级到最新版本，并更新composer.lock文件。 事实上，正确地更新了新的包版本号。但是没有被修改，并且列出了旧的版本过低的包。 为什么会发生这种情况？是我做错了什么，还是这就是应该怎么做的？如果是这样的话，为什么两个文件中的一个是最新的，而另一个不是最新