我正在制作一个网站,以莫里斯图的形式显示来自 MySQL 数据库的数据。基本上我有一个数据库,每分钟都会获取新的测量值,我试图在不重新加载整个页面的情况下实时显示这些更改。我已经缩短了这个问题的代码,但这基本上是我所拥有的:
PHP代码:
<?php
while($measurement = mysqli_fetch_array($result)){
$data += $measurement['data'];
}
?>
和脚本:
function data() {
var ret = [];
ret.push({
y: 'Today',
a: <?php echo $data; ?>
});
return ret;
}
var graph = Morris.Bar({
element: 'graph',
data: data(),
xkey: 'y',
ykeys: ['a'],
labels: ['random label']
});
function update() {
graph.setData(data());
}
setInterval(update, 60000);
图表随后显示在一个 id 为“graph”的 div 中。所以问题是更新函数不会用新数据更新图形,因为 $data 没有得到更新。我听说我可以以某种方式创建一个 PHP 函数并使用 Ajax 持续运行它并让它更新我的 $data 变量,但我不知道该怎么做。
为了更新图表,我必须重新加载整个页面,使用每 60 秒刷新一次页面的元标记效果很好,但这似乎是一个糟糕的解决方案。
我还尝试将代码放在一个单独的 PHP 文件中并使用以下代码运行它:
var auto_updater = setInterval(
(function () {
$("#graph").load("data.php");
}), 60000);
这也能正常工作,但问题是它重绘了整个图表,导致我网站上的滚动条变得疯狂。我想要的是更新 Morris.Bar 中的数据变量,而不是全部。任何帮助将不胜感激。
最佳答案
编辑:因为您只需要一个值,所以您的 json 将只是那个值。 尽管从技术上讲这不能生成有效的 json(顶层应该有一个对象),但它可以与 jquery 一起正常工作。
PHP: (data.php)
<?php
$data = // obtain current value of data from somewhere
echo $data; // should be an integer
?>
JS:
$(document).ready( function () {
var data = []; // data is empty
var graph = Morris.Bar({
element: 'graph',
data: data
labels: ['random label']
});
function update () {
$.getJSON( "data.php", function (newv) {
data.push( { x: newv, y: "Today" } ); // store new value
graph.setData( data ); // update the graph
});
}
update();
setInterval( update, 1000 );
});
这就是一切!
“保持 PHP 在后台运行”或类似的东西是不可能的,您的尝试是正确的。但是,与其加载新的 HTML,不如加载纯数据(例如作为 JSON 文档),然后通过 JS 将该数据推送到现有数据集中。 使用JS从服务器抓取更新的数据是通过AJAX完成的。
例如,您可以使用 $.getJSON
编辑: 完整的 JS 看起来像这样:
var initial_data = <?php echo $data; ?> // or leave this out and replace with another $.getJSON for clean code!
$(document).ready( function () {
var graph = Morris.Bar( ... );
setInterval( function () {
$.getJSON( "data.php", function (data) {
graph.setData( data );
});
}, 1000 );
});
PHP 的响应应该是这样的:
[
{ "x": 10, "y": 20 },
{ "x": 3, "y": 12 },
{ "x": 8, "y": 19 }
]
所以 PHP 可能看起来像这样:
[
<?php
// first one seperately because it can't have a leading comma - JSON is strict
$measurement = mysqli_fetch_array($result)
echo '{ "x": ' . $result["data"]["x"] . ', "y": ' . $result["data"]["x"] . ' }';
while($measurement = mysqli_fetch_array($result)) {
// no idea what data looks like, I'm assuming it has x and y properties
echo ', { "x": ' . $result["data"]["x"] . ', "y": ' . $result["data"]["x"] . ' }';
}
?>
]
关于javascript - 如何在不刷新页面的情况下连续更新 PHP 变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28480728/
出于纯粹的兴趣,我很好奇如何按顺序创建PI,而不是在过程结果之后生成数字,而是让数字在过程本身生成时显示。如果是这种情况,那么数字可以自行产生,我可以对以前看到的数字实现垃圾收集,从而创建一个无限系列。结果只是在Pi系列之后每秒生成一个数字。这是我通过互联网筛选的结果:这是流行的计算机友好算法,类机器算法:defarccot(x,unity)xpow=unity/xn=1sign=1sum=0loopdoterm=xpow/nbreakifterm==0sum+=sign*(xpow/n)xpow/=x*xn+=2sign=-signendsumenddefcalc_pi(digits
如何在buildr项目中使用Ruby?我在很多不同的项目中使用过Ruby、JRuby、Java和Clojure。我目前正在使用我的标准Ruby开发一个模拟应用程序,我想尝试使用Clojure后端(我确实喜欢功能代码)以及JRubygui和测试套件。我还可以看到在未来的不同项目中使用Scala作为后端。我想我要为我的项目尝试一下buildr(http://buildr.apache.org/),但我注意到buildr似乎没有设置为在项目中使用JRuby代码本身!这看起来有点傻,因为该工具旨在统一通用的JVM语言并且是在ruby中构建的。除了将输出的jar包含在一个独特的、仅限ruby
我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%
exe应该在我打开页面时运行。异步进程需要运行。有什么方法可以在ruby中使用两个参数异步运行exe吗?我已经尝试过ruby命令-system()、exec()但它正在等待过程完成。我需要用参数启动exe,无需等待进程完成是否有任何rubygems会支持我的问题? 最佳答案 您可以使用Process.spawn和Process.wait2:pid=Process.spawn'your.exe','--option'#Later...pid,status=Process.wait2pid您的程序将作为解释器的子进程执行。除
这是在Ruby中设置默认值的常用方法:classQuietByDefaultdefinitialize(opts={})@verbose=opts[:verbose]endend这是一个容易落入的陷阱:classVerboseNoMatterWhatdefinitialize(opts={})@verbose=opts[:verbose]||trueendend正确的做法是:classVerboseByDefaultdefinitialize(opts={})@verbose=opts.include?(:verbose)?opts[:verbose]:trueendend编写Verb
鉴于我有以下迁移:Sequel.migrationdoupdoalter_table:usersdoadd_column:is_admin,:default=>falseend#SequelrunsaDESCRIBEtablestatement,whenthemodelisloaded.#Atthispoint,itdoesnotknowthatusershaveais_adminflag.#Soitfails.@user=User.find(:email=>"admin@fancy-startup.example")@user.is_admin=true@user.save!ende
我正在查看instance_variable_set的文档并看到给出的示例代码是这样做的:obj.instance_variable_set(:@instnc_var,"valuefortheinstancevariable")然后允许您在类的任何实例方法中以@instnc_var的形式访问该变量。我想知道为什么在@instnc_var之前需要一个冒号:。冒号有什么作用? 最佳答案 我的第一直觉是告诉你不要使用instance_variable_set除非你真的知道你用它做什么。它本质上是一种元编程工具或绕过实例变量可见性的黑客攻击
我正在编写一个gem,我必须在其中fork两个启动两个webrick服务器的进程。我想通过基类的类方法启动这个服务器,因为应该只有这两个服务器在运行,而不是多个。在运行时,我想调用这两个服务器上的一些方法来更改变量。我的问题是,我无法通过基类的类方法访问fork的实例变量。此外,我不能在我的基类中使用线程,因为在幕后我正在使用另一个不是线程安全的库。所以我必须将每个服务器派生到它自己的进程。我用类变量试过了,比如@@server。但是当我试图通过基类访问这个变量时,它是nil。我读到在Ruby中不可能在分支之间共享类变量,对吗?那么,还有其他解决办法吗?我考虑过使用单例,但我不确定这是
我正在为一个项目制作一个简单的shell,我希望像在Bash中一样解析参数字符串。foobar"helloworld"fooz应该变成:["foo","bar","helloworld","fooz"]等等。到目前为止,我一直在使用CSV::parse_line,将列分隔符设置为""和.compact输出。问题是我现在必须选择是要支持单引号还是双引号。CSV不支持超过一个分隔符。Python有一个名为shlex的模块:>>>shlex.split("Test'helloworld'foo")['Test','helloworld','foo']>>>shlex.split('Test"
我想在一个没有Sass引擎的类中使用Sass颜色函数。我已经在项目中使用了sassgem,所以我认为搭载会像以下一样简单:classRectangleincludeSass::Script::FunctionsdefcolorSass::Script::Color.new([0x82,0x39,0x06])enddefrender#hamlengineexecutedwithcontextofself#sothatwithintemlateicouldcall#%stop{offset:'0%',stop:{color:lighten(color)}}endend更新:参见上面的#re