所以我一直在聊天,在14:09它工作正常,它显示消息,接收它们并将它们存储在DB中。它还显示存储的消息并立即向用户显示消息。然而突然它只是停止显示所有消息。我已经检查过,并且在发送时消息存储在数据库中。我不知道错误是什么,因为我没有改变代码来影响它。如果你可以帮助我,这将有很大帮助! :)
index.php(包括AJAX jQuery& form)
<div id="messageSend">
<form action="shout.php" method="post" id="chat">
<textarea rows="8" cols="74" id="Message" name="Message" placeholder="Post messages here."></textarea>
<br/><input type="submit" id="submit" value="Shout!">
</form>
<script>
$('#chat').submit(function(e) {
e.preventDefault();
var form = $('#chat'),
url = form.attr('action'),
Message = $('#Message');
$.post(url, {Message : Message.val()}, function(data) {
$('#messageDisplay').html(data);
$('#Message').empty().val('');
});
setInterval(function() {
// Do something every 2 seconds
{
$.get("data.php").done(function(data) {
$('#messageDisplay').html(data);
});
}
}, 1000);
});
</script>
shout.php(发送消息并添加到数据库)
<?php
include 'auth.login.php';
include 'pdo.config.php';
if (!isset($_SESSION['Username'])) {
echo '<br/>';
echo '<center>You need to login to post!<br/>';
header("Refresh:2; URL=index.php");
exit();
}
if (!isset($_POST['Message']) || empty($_POST['Message'])) {
echo '<br/>';
echo '<center>Message box empty!<br/>';
exit();
}
$Username = $_SESSION['Username'];
$Message = htmlspecialchars(trim($_POST['Message']));
$insertMessage = $PDO->prepare("INSERT INTO `chatbox` (User, Message) VALUES (?, ?)");
$insertMessage->bindParam(1, $Username, PDO::PARAM_STR);
$insertMessage->bindParam(2, $Message, PDO::PARAM_STR);
$insertMessage->execute();
?>
data.php(具有从DB检索消息的循环的文件)
<?php
include 'pdo.config.php';
$chat = $PDO->query("SELECT * FROM `chatbox`");
while($getRow = $chat->fetch(PDO::FETCH_ASSOC)) {
echo '['.date('d/m/Y g:i:s A', strtotime($getRow['SentOn'])).'] '.$getRow['User'].': '.stripslashes($getRow['Message']).'<br/>';
}
?>
答案 0 :(得分:0)
您的页面data.php未被调用。内容如下:
[05/09/2013 10:37:31 AM]测试:测试 [05/09/2013 10:37:44 AM]测试:测试
所以,它们被正确插入;但是,当用户点击“Shout”时,它不会调用setInterval()
。
编辑:您的问题是,在他们登录后,不会调用setInterval()。如果您在登录后刷新页面,它将起作用(适用于我)。
试试这个:
$(document).ready(function() {
$('#chat').submit(function(e) {
e.preventDefault();
var form = $('#chat');
url = form.attr('action');
Message = $('#Message');
$.post(url, {Message : Message.val()}, function(data) {
$('#messageDisplay').html(data);
$('#Message').empty().val('');
});
setInterval(function() {
// Do something every 2 seconds
$.get("data.php").done(function(data) {
$('#messageDisplay').html(data);
});
}, 1000);
});
<?php if (isset($_SESSION['Username'])) { ?>
setInterval(function() {
// Do something every 2 seconds
$.get("data.php").done(function(data) {
$('#messageDisplay').html(data);
});
}, 1000);
<?php } ?>
});