0

こんにちは、次のスクリプトを使用してダッシュボードにデータをロードしています。4 つの異なる整数を取得するために 4 つの異なるファイルを使用しています。単一のファイルでそれを行う方法はありますか?

    <script type="text/javascript">
    var auto_refresh = setInterval(
    function ()
    {
    $('#1').load('record_count1.php').fadein(slow); // file1
    }, 1000); // refresh every n milliseconds

    var auto_refresh = setInterval(
    function ()
    {
    $('#2').load('record_count2.php').fadein(slow); //file2
    }, 2000); // refresh every n milliseconds

    var auto_refresh = setInterval(
    function ()
    {
    $('#3').load('record_count3.php').fadein(slow); //file3
    }, 3000); // refresh every n milliseconds

    var auto_refresh = setInterval(
    function ()
    {
    $('#4').load('record_count4.php').fadein(slow);  //file4
    }, 4000); // refresh every n milliseconds
    </script>


    <div id="1" align="center"  class="users2"> //result1

    </div>
    <div id="2" align="center"  class="users2"> //result2

    </div>
    <div id="3" align="center"  class="users2"> //result3

    </div>
    <div id="4" align="center"  class="users2"> //result4

    </div>
4

1 に答える 1

0

record_count.php?num=1関数を使用したり、1 つの php ファイルに switch ステートメントを記述したりしてみてはどうでしょうか。

次に、JavaScript 関数を作成します。

function reloadRecordCount(num) {
setInterval(function() {
    $('#'+num).load('record_count.php?num='+num).fadeIn("slow"); //file2
    }, (num * 1000));
}
reloadRecordCount(1);
reloadRecordCount(2); // etc...

例 record_count.php

<?php

switch($_GET['num']) {
    case 1:
        return 'data for 1';
    break;
    case 2:
        return 'data for 2';
    break;
    case 3:
        return 'data for 3';
    break;
    case 4:
        return 'data for 4';
    break;
default:
        return 'nothing';
break;
}
于 2013-11-03T10:38:06.203 に答える