簡體   English   中英

AJAX和JQuery定期加載頁面

[英]AJAX and JQuery to regularly load page

我正在嘗試使用jquery和ajax從外部頁面自動顯示股票結果。 我更改了原始文件以使其更簡單。 可悲的是,它不再起作用。有人可以看到我的問題嗎? 非常感謝! HTML:

    <!DOCTYPE HTML>
    <html>
        <head>
            <title>Stocks</title>
            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">                 </script>
            <script src="projectstocks.js"></script>
        </head>
        <body>
        <div>
        <content id="content">

        </content></div>
        </body>
     </html>

projectstocks.js:

    window.onload = function() {
var stocks = [];
var content = document.getElementById("content");
update();
setInterval("getData()", 1000);
}

function getData(data) {
content.innerHTML = "";
var tbod = document.getElementById("stocks");
var myTable= "<table id='table' border='1'>";
for(var i = 0; i < data.length; i++) {
    var tr = document.createElement('tr');
    var obj = data[i];
    for(key in obj){
        console.log(key);
        var value=(obj[key]);
        console.log(value);
        content.innerHTML += ("<tr><td>");
        content.innerHTML += ((obj[key]));
        content.innerHTML += ("<br><br></td></tr>");
    }
}
myTable+="</table>";
}

function update() {
$.getJSON('http://shodor.org/~amalani/AjaxTutorial/stocks/stocks.php?symbols=GOOG+CAT+FB', getData);
 }  

再次感謝! 這不一定很花哨,請讓我知道是否有我不需要的東西。

您正在嘗試將結果寫入到HTML中不存在的以下元素中:

document.getElementById("stocktable").innerHTML = table;
var d = new Date();
document.getElementById("date").innerHTML = "Last Update: " + d.toLocaleString();

<div id="stocktable"></div>
<div id="date"></div>

到您的html。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM