jQueryの私は良いリソースまたは以下を実行する方法上の任意のアイデアを見つけるのは非常に苦労しています複数の変数

Question

をリフレッシュ：

Using jquery get some data 

1. 使用jqueryのをいくつかのデータをフェッチします。次に、データがどのような構文になっているかを確認します。ステップ2に進みます。
2. jqueryを使用して、そのデータをhtmlページの複数の変数とタグに割り当てます。私は1つのタグを置き換える方法を知っています。しかし、私は複数のdiv、タグ、IDをリフレッシュしたいです。手順3に進みます。
3. しばらくしてから手順1に戻ります。

私は友人のGOOGLEを試しましたが、私が探しているページを見つけることができません。私はここでいくつかのコードを本当に感謝しますが、チュートリアルへのリンクはあまりにも悪くないでしょう。

Answer 1

1）$.ajax()は良いアイデアだと思い、JSON形式でデータをフェッチするためにそれを使用します：

$.ajax({ 
    url: url, 
    dataType: 'json', 
    data: data, 
    success: callback //Assign data and stuff here 
}); 

2）これは新しい機能としてsuccessのパラメータで行います。 success: function() {}

success: function() { 
    $('div#1').html('foo'); 
    $('h1#1').html('woo'); 
} 

3）間隔でのご$.ajax() -callラップ：あなたがしているとして、それを次の方法をやってみ

：

var refresh = setInterval(function() 
$.ajax({ 
     url: url, 
     dataType: 'json', 
     data: data, 
     success: callback //Assign data and stuff here 
    }); 
}, 60000); 

編集（以下のコメントへの応答） function（）をコールバックとして使用しないでください：

function() { 
    $.ajax({ 
     url: "/admin/ajax/all_data.php", 
     dataType: 'json', 
     data: data, 
     success: function(data) { 
      $("#testdiv1").html(data.testdiv1); 
      //$("#testdiv2").html(data.testdiv2); 
      //$("#testdiv3").html(data.testdiv3); 
     } 
    }); 
}), 2000); 

これがうまくいけば教えてください あなたのために。

Answer 2

1および$.get,$.post,$.loadおよび$.getJSONなどの関連する上位レベルのラッパーを参照してください。

2 - サーバーがJSONをクライアントに送信し、クライアントがその使用方法を理解している場合、これは簡単です。例：

// json from server 
{ "newsDiv" : "some html", "imagesDiv", "some html" } 

// assuming it is stored in the variable 'data' 
$("#newsDiv").html(data.newsDiv); 
$("#imagesDiv").html(data.imagesDiv"); 

3 - setIntervalあなたの友人です。

Answer 3

jquery 'load'関数hereをチェックしてください。これにより、サーバーからデータをロードし、一致したhtml要素に配置することができます。非常にきれいでシンプル。その後 は、タイマーhere

私はより多くのあなたが必要とするものを見ることができないの実装方法を見て