使用ajax更新股票价格

时间:2013-04-12 19:54:48

标签: php javascript ajax jquery

我正在做一个小型的个人网络组合,以便学习网页开发。我有一份我已“买”的所有股票的清单,我想从雅虎财经实时更新价格。我已经可以进行价格更新,但是我覆盖了我使用javascript调用新显示股票的表格。

我知道必须有一个更清洁的方式。我正在尝试使用javascript更新价格,但我认为我没有做好一切。

这是我到目前为止所拥有的。

Portfolio.php显示我拥有的所有股票

<?php foreach ($shares as $row): ?>

        <tr >
        <td><?php echo $row["symbol"];?></td>
        <td><a href="funds.php" id="<?php echo $row["symbol"]?>"><?php echo $row["name"];?></a></td>
        <td style="text-align: right;"><?php echo $row["shares"];?></td>
        <td id="price" style="text-align: right;">$ <?php echo number_format($row["price"],2);?></td>
        <td style="text-align: right;"><?php 
        $change = number_format($row["change"],2);
        echo sprintf( "%+1.2f", $change );
        echo "   ( ";
        echo $row["pct"]; 
        echo "   )";
        ?></td>
        <td style="text-align: right;">$ <?php echo $row["dayGain"];?></td>    
        <td style="text-align: right;">$ <?php echo number_format($row["total"],2);?></td>
        </tr>

<?php endforeach; ?>

</table>    
<script type="text/javascript" src="../html/js/update.js"  ></script>

然后我有update.php,它将来自yahoo finance的所有股票信息作为json返回

<?php
// configuration
require("../includes/config.php"); 

//query user's portfolio

$rows = query("SELECT * FROM shares WHERE id = ?", $_SESSION["id"]);
$cash = query("SELECT cash FROM users WHERE id = ?", $_SESSION["id"]);

    //create array to store the shares
    $shares = array();

    //for each of the user info
   foreach($rows as $row){

        $yql_base_url = "http://query.yahooapis.com/v1/public/yql";

        $yql_query = "select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22".$row['symbol']."%22)%0A%09%09";

        $env = "env=http%3A%2F%2Fdatatables.org%2Falltables.env";
        $yql_full_query = $yql_base_url . "?q=" . $yql_query . "&format=json&" . $env;
        $session = curl_init($yql_full_query);
        curl_setopt($session, CURLOPT_RETURNTRANSFER, true);
        $json = curl_exec($session);
        $stock = json_decode($json);

        if($stock->query->results !== false){

            $shares [] = array(

                "symbol" => $stock->query->results->quote->symbol,
                "price" => $stock->query->results->quote->LastTradePriceOnly

            );

        }

    }
   $return = array("price" => $shares ); 
    echo json_encode($return);

?>

第三个文件是update.js,我正在尝试使用javascript

 $(document).ready(function(){
 function stock() {
        $(function() {
            $.getJSON('../update.php',function(result){
            $("div#price2").html(result.price);

        });
    });
        stock();
        setInterval(stock(), 10000);

    });
});

如果我直接转到update.php,我可以将价格视为json。我认为问题在于update.js文件,但我无法弄清楚问题是什么。我甚至无法在价格字段中从update.js打印Hello。

我要做的是显示我存储在数据库中的股票,然后使用ajax和javascript更新价格。任何帮助,将不胜感激。提前谢谢。

1 个答案:

答案 0 :(得分:2)

使用php的json函数和.getJSON来更新它......这是一些示例代码:

// pull_stock_price.php
<?php
$return = array("content" => "New Stock Price: $2000");
json_encode($return);
?>

// Jquery to pull stock price once every 10 seconds:
function stock() {
    $(function() {$.getJSON("pull_stock_price.php",function(result){
    $("#StockPrice").html(result.content);
});
});
stock();
setInterval(stock, 10000);

// HTML!
<td><div id="StockPrice"></div></td>

这样做:用户的浏览器每10秒钟拉一次pull_stock_price.php,并将获取json提供的内容并进行更新。你可以从数据库拉取pull_stock_price.php,卷曲或者真的在任何地方,并根据你的需要格式化数据。