0

私は完全な初心者なので、この質問が初歩的であれば申し訳ありません。

この形式で JSON オブジェクトを返すデータ API があります。

{"Variable": "Number", "Variable2": "Number2"}; //(yes the number is returned as a string)

オブジェクト ("Number" & "Number2") の値が常に変化しているため、継続的に更新されるページを作成したいのですが、ページ全体を更新する必要はありません。

http://sendgrid.comには、私がやりたいことの素晴らしい例があります。

どんな助けでも素晴らしいでしょう！

4

2 に答える 2

1

継続的に変化するデータを処理する方法は、setTimeoutを使用することです。setIntervalと呼ばれる別のメソッドがありますが、再帰関数でsetTimeoutを使用することをお勧めします。そうすれば、操作に予想よりも時間がかかる場合でも、タイマーが同期しなくなることはありません。例を通して示される：

function updateCounter() {
 var timer; 

 document.getElementById("counter").innerText(data.Variable);

 timer = setTimeout(updateCounter, 50);

}
于 2012-06-30T03:52:44.743 に答える
0

を使用してAPIにリクエストを送信setInterval()し、データでターゲット要素を更新できます。

ほんの一例：

function updater() {
  $.ajax({
    url: 'src_to_script',
    dataType: 'json',
    sucess: function(data) {

       // updating your target elements
       $('#some_item1').text( data.Variable);
       $('#some_item2').text( data.Variable2);

       // call updater with 5 seconds interval
       setInterval(updater, 5000);

    }
  });
}

// initial call to updater
updater();
于 2012-06-30T04:03:51.903 に答える