1

ページを変更せずに、いくつかの項目をリアルタイムで更新したい。

5秒ごとに更新される別のアイテムに、このようなものをすでに使用しています。

アイテムごとに試してみましたが、ウェブサイトが非常に遅くなりました。

jQueryでできると言われましたが、正確な方法はわかりませんでした。

私がしたいこと：

PHPを使用して、データベースから「1」または「0」の情報を取得します

これを更新する必要があるのは次のとおりです: (それらが 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>

それらが「0」の場合、アイコン「id」は「first_icon_2」のようなものになります

一度にすべてのリクエストを取得するにはどうすればよいですか??

高度なおかげで、私はこれを約1か月間試みました。

4

1 に答える 1

1

使用したいのは ajax 呼び出しです。jQuery には.ajax()関数があります: http://api.jquery.com/jQuery.ajax/は非常に簡単です。

基本的に、必要な処理を実行する PHP スクリプトをセットアップする必要があります。ページにエコーアウトされるものはすべて、呼び出しを介して返されajaxます。複数のアイテムを処理する場合は、を調べてくださいJSON。

複数の値 (アイコンごとに 1 つ) を返す必要があるように思われるので、PHP で配列を作成する必要があります。配列は次のようになります。

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

json_encode次に、配列を JavaScript 側で読み取り可能な文字列にエンコードするために使用できます。

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

次のように、メイン ページ (javascript を使用するページ) に AJAX 関数を設定すると、任意の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/

于 2012-04-08T22:40:54.207 に答える