[英]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.