複数の項目を更新する

Question

ページを変更せずにリアルタイムでいくつかの項目を更新したいと考えています。

私はもう5秒ごとに更新する別のアイテムにこれを使用しています。

私は各項目についてそれをやってみましたが、私のウェブサイトを非常に遅くしました。

私はjQueryでそれを行うことができると言われましたが、どのように正確に知りませんでした。私が何をしたいか

：PHPを使用して

Iが「1」か「0」

を言うだろういずれかが私のデータベースから情報を取得します私は更新必要これは、これらのようになります。（彼らは「0」アイコン「idは」私が取得できますか

「first_icon_2」のようなものになりますしている場合、それらは1）

<a id="first_icon" style="background: url(/images/first.gif); height:23px; width:23px; float:left; margin-right:3px;" href="first.php" title="First"></a> 
<a id="sec_icon" style="background: url(/images/first.gif); height:23px; width:23px; float:left; margin-right:3px;" href="sec.php" title="Second"></a> 
<a id="third_icon" style="background: url(/images/first.gif); height:23px; width:23px; float:left; margin-right:3px;" href="third.php" title="Third"></a> 
<a id="four_icon" style="background: url(/images/first.gif); height:23px; width:23px; float:left; margin-right:3px;" href="four.php" title="Fourth"></a> 

ある場合すぐにそれらのすべてのための要求??

先進的でありがとう、私は約1ヶ月間これをやろうとしました。

Answer 1

あなたが使用したいのは、ajax呼び出しです。 jQueryの機能はhttp://api.jquery.com/jQuery.ajax/の.ajax()です。これは非常に単純です。

あなたがしなければならないことは、必要な処理を行うPHPスクリプトを設定することです。ページにエコーアウトされたものは、ajaxコールで返されます。複数のアイテムを処理する場合は、JSONを調べる必要があります。

複数の値（アイコンごとに1つ）を返す必要があるようであるので、PHPで配列を作成したいと思うでしょう。あなたのAJAX機能を設定した場合

$iconsJSON = json_encode($icons); 
echo $iconsJSON; 

：あなたは、あなたのjavascriptの側で読めるようになる文字列に配列をエンコードするためにjson_encodeを使用することができます

$icons = array("first_icon => 1, "second_icon => 0, "third_icon" => 0, "fourth_icon => 1); 

：配列は次のようになりますメインページ（javascriptのあるもの）に次のように、iconのいずれかのキーを参照することができます。

$.ajax({ 
dataType: 'JSON', 
type: 'POST', 
url: api_url+'client/'+client.id+'.json', 
data: { 
    variable1: 'value', 
    variable2: 'value', 
    variable3: 'value' 
}, 
success: function(data) { 
    // On success perform this function 
    var icons = data; 
}, 
error: function(data) { 
    // On failure perform this function 
} 
}); 

あなたはより多くの指導を必要とする場合、私は、このリソースを一読をお勧めします：http://www.jquery4u.com/json/ajaxjquery-getjson-simple/