- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我对如何对此进行编程有点困惑:这就是我正在尝试做的事情 - 我正在编写一个简单的聊天应用程序。分为两部分:
1.发送消息部分——消息被输入到文本区域并存储到数据库中(我用 jQuery AJAX 实现了这个)
**数据库:数据库中有两列,日期和消息
2. 接收消息部分——来自服务器的新更新在页面上更新而不刷新页面(我用 HTML 5 SSE 实现了这一点)。
在更高层次上,这是主要问题:我不知道如何编写条件 - 条件是 IF block 中的代码仅在数据库更新时运行,与上次 even 被触发相比 -换句话说,它应该只在有新消息时更新一次,而不是你在下面得到的:
这是两个代码页(我认为最好全部包含,否则上下文有点模糊):
快速总结:
chat.php - 主聊天界面
messaging.php - 聊天发送按钮重定向到这里处理
get_message.php - 监听新消息并以 AJAX 样式显示它
chat.php
<!-- display window -->
<div class = "message-window" id = "message-window">
Chat starts
</div>
<!-- listens in to new server updates and updates with new messages -->
<script>
if(typeof(EventSource) !== "undefined") {
var source = new EventSource("get_message.php");
source.onmessage = function(event) {
document.getElementById("message-window").innerHTML+=event.data + "<br>";
};
} else {
document.getElementById("message-window").innerHTML="Sorry, your browser does not support server-sent events...";
}
</script>
<!-- comopse message area -->
<div class = "send-wrapper">
<textarea id = "compose"></textarea>
<button type = "button" id = "send">Send</button>
</div>
<!-- event handler for click button to pass along data on the page -->
<script>
$(document).ready(function() {
$("#send").on('click', function() {
$.post(
// file
"messaging.php",
// data
{
// date: Date.toLocaleString(),
message: $("#compose").val()
},
// function after success
function(data, status) {
alert("Data: " + data + "\nStatus: " + status);
var singleMessageContent = $("#compose").val();
$("#message-window").html(
$("#message-window").html() + "<br />" + singleMessageContent
);
});
});
});
</script>
get_message.php
<?php
// get_message.php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
echo "retry: 1000\n";
// Create connection
$link = mysqli_connect('localhost', 'root', 'root', 'button');
// If number of rows changed from last retry
IF BLOCK (...)
// Get the most recent row
$query = "SELECT message FROM messages ORDER BY Date DESC LIMIT 1";
$result = mysqli_query($link, $query);
// echo the message field
$most_recent_row = mysqli_fetch_row($result);
echo "data: {$most_recent_row[0]}\n\n";
IF BLOCK (...)
flush();
?>
如您所见,我坚持的是 if block - 事件每次都由 chat.php 上的 EventSource 对象触发(我认为这是正确的?),那么我如何比较数据库事件在不同时间被解雇的问题?我需要这个,因为我想这样写,以便仅在更新数据库时显示消息。
if(current_database_rows != old_database_rows)
这是我的想法:
与全局变量有关吗?在设置全局变量以计算每次执行 php 代码结束时数据库中的行数方面,运行 mysqli_num_rows($result),并与该变量进行比较。我的问题是 - 您将如何创建这个在触发事件之间不会丢失其值的“共享”变量?
如果您能告诉我可能的情况、替代解决方案或其他想法,我将不胜感激。谢谢!
最佳答案
如果您正在存储消息发送的日期(希望是时间?),您可以返回最后一条聊天消息的时间,然后继续将该更新的值发送回您的查询(通过 ajax)以仅接收过去的聊天那个时候。
关于javascript - 检查与上次运行 PHP 脚本相比,数据库行数是否发生变化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23809776/
下面的代码旨在在首次打开工作簿时运行。 Sub Auto_Open() Dim LastRow As Integer LastRow = Sheet6.UsedRange.Rows.Count Act
当我尝试操作我的代码时,除了弹出调试错误外,它执行得很好。错误信息在这里。 我的完整代码在这里。 #include using namespace std; class String { publi
The invocation of the constructor on type 'WpfApplication1.MainWindow' that matches the specified bi
我正在使用 BaseAdapter: public class MyAdapter extends BaseAdapter{ private final LayoutInflater mInflate
我想做网页抓取。我写了代码 var connection = require('./mysqlConnection'); var c = new Crawler({ maxConnections
我的系统中发生 Java 堆空间错误。我尝试了很多来自 Stack Overflow 的解决方案,但没有任何效果。当我工作时 当按下 OK 然后 (我的项目没有错误) 我的 eclipse.ini 是
环境: i5 750 DDR3 4GWin7 专业版 x64 sp1 DXSDK 9.0c 2010 年 6 月 GeForce GT240(驱动程序 275.33)512MB MSVC 2008 s
这段代码是我写的。 import socket host = 'localhost' port = 3794 s = socket.socket(socket.AF_INET, socket.SOCK
我正在尝试引用 UTC 时间间隔获取本地日期时间,我正在执行下面的代码。 var dtString =DateTime.UtcNow.ToString(@"yyyy-MM-ddTHH\:mm\:ss
我有一个非常简单的 C# 问题,它从库中加载 Windows WPF 窗口。这是代码: public partial class App : Application { public App(
我目前正在使用带有导航组件的底部导航,它工作正常但是当我们点击导航项 fragment 正在加载然后闪烁正在发生,即使当前选择的项目也会发生闪烁。它在加载 fragment 时发生。我的应用程序屏幕背
我是新来的 kotlin , 当我开始 Null Safety 时,我对下面的情况感到困惑. There's some data inconsistency with regard to initia
我有一个框,其中包含同时发生的两个独立的 css 转换。 当转换发生时,图标下方的标题和段落文本移动位置 参见 JS Fiddle:http://jsfiddle.net/Lsnbpt8r/ 这是我的
在为黑莓 10 构建电话间隙应用程序时,我遇到了异常情况。 [BUILD] Populating application source [BUILD] Parsing config.xml [
这个问题在这里已经有了答案: How to properly stop the Thread in Java? (8 个回答) 3年前关闭。 我看过How to properly stop the T
我试图弄清楚发生 fatal error 时如何刷新页面。基本上我正在访问图像 api 并将图像复制到我的服务器。我还每次都创建照片的缩略图版本。我会每隔一段时间收到一条错误消息,指出我的脚本试图分配
我正在尝试使用断言函数检查元素是否在屏幕上。我在我的测试应用程序 (AndroidDriver) 中使用 Appium 和 Java。我期望的是,如果元素在屏幕上,则返回 1;如果不在屏幕上,则返回
我正在开发图像上传系统。我使用 CommonsMultipartResolver 设置 maxUploadSize。当我尝试上传超过最大尺寸的图像文件时,会发生 MaxUploadSizeExcced
我有以下代码和@ComponentScan(basePackages = "com.project.shopping"),包结构为 com.project.shopping.Controller co
我尝试运行此程序作为测试,但收到错误“发生了 JNI 错误,请检查您的安装并重试”,然后是“发生了 Java 异常”。关于如何解决这个问题有什么想法吗? package java; public cl
我是一名优秀的程序员,十分优秀!