我正在尝试刷新我拥有的表,因为变量在不断更新,我想每隔几秒重新更新一次这些变量。我已经通过为表提供id并为其创建div来完成代码。代码将解释我的实际情况。提前致谢 !添加了Var Table,Var Refresher,表id是tableID。但是代码仍然不会重新加载我的表!任何想法?
Test.php
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type='text/javascript'>
var table = $('#tableID');
// refresh every 5 seconds
// var refresher = setInterval(function() { table.load("refreshable"); }, 5000);
var refresher = setInterval(table.load.bind(table, "refreshable.php"), 5000);
//var refresh = setInterval($("#tableID")).load('refreshable.php'),3000);
setInterval(function() {
clearInterval(refresher);
}, 1800000);
</script>
</head>
<body>
<div id="tableID">
<?php include_once'refreshable.php'; ?>
</div>
</body>
</html>
refreshable.php
<?php
require_once 'connect.php';
include 'start.php';
include 'functions.php';
header("Cache-Control: no-cache,no-store");
$query = "SELECT * FROM opentrades"; //You don't need a ; like you do in SQL
$result = mysql_query($query);
echo "<table border = '1px' >"; // start a table tag in the HTML
echo "<tr><td>" . "Order Number" . "</td><td>" . "Selection" . "</td><td>" . "Date" . "</td><td>" . "Type" . "</td><td>" . "Size" . "</td><td>" . "Bid Price" . "</td><td>" . "Offer Price" . "</td><td>" ."Stop Loss" . "</td><td>" . "Take Profit" . "</td><td>" ."Profit/Loss(USD)"."</td><td>" ."Close"."</td></tr>" ; //$row['index'] the index here is a field name
while($row = mysql_fetch_assoc($result)){ //Creates a loop to loop through results
if ($row['selection']=='eur/usd')// TO RETRIEVE BID AND OFFER FOR EACH ROW
{
$bidpricepl=$bid;
$offerpricepl=$bid1;
}
elseif ($row['selection']=='usd/jpy')
{
$bidpricepl=$bid2;
$offerpricepl=$bid3;
}
elseif ($row['selection']=='usd/cad')
{
$bidpricepl=$bid4;
$offerpricepl=$bid5;
}
elseif ($row['selection']=='eur/jpy')
{
$bidpricepl=$bid6;
$offerpricepl=$bid7;
}
elseif ($row['selection']=='eur/chf')
{
$bidpricepl=$bid8;
$offerpricepl=$bid9;
}
elseif ($row['selection']=='gbp/usd')
{
$bidpricepl=$bid10;
$offerpricepl=$bid11;
}
elseif ($row['selection']=='aud/usd')
{
$bidpricepl=$bid12;
$offerpricepl=$bid13;
}
elseif ($row['selection']=='usd/chf')
{
$bidpricepl=$bid14;
$offerpricepl=$bid15;
}
if ($row['type']=="buy")
{
$minipipskiller='10';
$offeropen=$row['offerprice'];
$pips=$offerpricepl-$offeropen;
$closedb=$offeropen;
$pips1=round($pips, 6);
$pips2 = str_replace('.', '', $pips1);
if ($pips2<0)
{
$pips2 = str_replace('-', '', $pips2);
$pips2 = ltrim($pips2, '0');
$pips2 = -1 * abs($pips2);
}
else {
$pips2 = ltrim($pips2, '0');
}
$pips3=$pips2/$minipipskiller;
}// PIP COUNTING
elseif ($row['type']=="sell")//FOR PIP COUNTING
{
$minipipskiller='10';
$bidopen=$row['bidprice'];
$pips=$bidopen-$bidpricepl;
$closedb=$bidopen;
$pips1=round($pips, 6);
$pips2 = str_replace('.', '', $pips1);
if ($pips2<0)
{
$pips2 = str_replace('-', '', $pips2);
$pips2 = ltrim($pips2, '0');
$pips2 = -1 * abs($pips2);
}
else {
$pips2 = ltrim($pips2, '0');
}
$pips3=$pips2/$minipipskiller;
}
$ticksize= "0.0001";// FOR PROFIT AND LOSS
$lot1 = "100000";
$sizecalc=$row['size'] * $lot1;
if ($row['type']=="buy")
{
$profitandloss=$sizecalc*$ticksize*$pips3; //per TRADE
}
if ($row['type']=="sell")
{
$profitandloss=$sizecalc*$ticksize*$pips3; //per TRADE
}
$zero= '0';
if($profitandloss<$zero) {
$profitText = "<div style=\"color: red;\">$profitandloss</div>";
} elseif ($profitandloss>$zero) {
$profitText = "<div style=\"color: green;\">$profitandloss</div>";
}
$sum+= $profitandloss;
echo "<tr><td>" . $row['trade_id'] .
"</td><td>" . $row['selection'] .
"</td><td>" . $row['date'] .
"</td><td>" . $row['type'] .
"</td><td>" . $row['size'] .
"</td><td>" . $row['bidprice'] .
"</td><td>" . $row['offerprice'] .
"</td><td>" . $row['stoploss'] .
"</td><td>" . $row['takeprofit'] .
"</td><td>" . $profitText .
"</td><td><a href ='delete.php?id=".
$row['trade_id']."'>X</a>
</td></tr>";
$profitandloss=0;
if($sum<$zero) {
$sumText = "<div style=\"color: red;\">$sum</div>";
} elseif ($sum>$zero) {
$sumText = "<div style=\"color: green;\">$sum</div>";
}
}
echo "</table><br>";
?>
答案 0 :(得分:1)
您可以将AJAX请求发送到refreshable.php并获取结果并更新您的表格,如:
document.getElementById('id').innerHTML = AJAXResponse;
这是一个例子:
var xmlhttp;
if(window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
}
else
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
setInterval(function(){
var xmlhttpObserver;
if(window.XMLHttpRequest)
{
xmlhttpObserver = new XMLHttpRequest();
}
else
{
xmlhttpObserver = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttpObserver.open("POST" , "chat.php" , true);
xmlhttpObserver.onreadystatechange = function()
{
if (xmlhttpObserver.readyState == 4)
{
if(xmlhttpObserver.status == 200)
{
if((xmlhttpObserver.response).length > 4)
{
responseArea.innerHTML += friendName + ": " + xmlhttpObserver.response;
}
}
else
{
//alert("Error during AJAX call. Please try again #002");
}
}
};
xmlhttpObserver.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlhttpObserver.send("sender=" + friendName + "&receiver=" + userName);
} ,6000);
假设我们创建这三个变量:
responseArea , friendName , userName
我使用此代码通知用户朋友在线。
答案 1 :(得分:1)
正如Ajelandro在评论中指出的那样,你可以尝试使用可刷新的表填充div:
我已移动脚本并添加了doctype(html5)
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js>
</script>
</head>
<body>
<div id="tableID">
<?php include_once'refreshable.php'; ?>
</div>
<script type='text/javascript'>
var table = $('#tableID');
// refresh every 5 seconds
var refresher = setInterval(function(){
table.load("refreshable.php");
}, 5000);
setTimeout(function() {
clearInterval(refresher);
}, 1800000);
</script>
</body>
</html>
在你的php中删除tableID:
echo "<table border = '1px'>";
答案 2 :(得分:0)
您的javascript代码中存在几个问题。
clearTimeout()
方法清除使用setTimeout()
方法设置的计时器。
改为使用clearInterval(refresher)
。