AJAX и JQuery для регулярной загрузки страницы

Я пытаюсь автоматически показывать результаты на внешней странице с помощью jquery и ajax. Я изменил исходный файл, чтобы сделать его более простым. К сожалению, он не работает снова. Может ли кто-нибудь увидеть, в чем мои проблемы? Спасибо огромное! HTML:AJAX и JQuery для регулярной загрузки страницы

<!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); 
}

Еще раз спасибо! Это не должно быть очень интересно, дайте мне знать, если мне что-то не нужно.

источник

2014-07-24 ryin19

Что вы сделали, чтобы попытаться отладить это? Что говорит консоль ошибок разработки инструментов? Что говорит вкладка Net Developer разработчика? Вы видите запрос HTTP? Вы видите ответ? Это то, чего вы ожидаете? – Quentin

вам нужно сначала «оповестить» результат или распечатать его в консоли, чтобы вы знали, что неудачный аякс или что-то еще – Khalid

Вы пытаетесь записать результаты этих элементов, которые не существуют в вашем 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.

источник

2014-07-24 15:14:32 Wobbles

AJAX и JQuery для регулярной загрузки страницы

ответ

Смежные вопросы