1

データベースから新しく挿入されたデータを表示したいと思います。別の質問から以下のコードを見つけましたが、それは私が望むことを行いますが、クリックしたときにのみデータを表示します。では、データを 5 秒ごとに自動ロードする方法を教えてもらえますか?

 <script type="text/javascript">

 $(document).ready(function() {

  $("#display").click(function() {                

  $.ajax({    //create an ajax request to load_page.php
    type: "GET",
    url: "second.php",             
    dataType: "html",   //expect html to be returned                
    success: function(response){                    
        $("#responsecontainer").html(response); 
        //alert(response);
    }

});
 });
});

</script>

<input type="button" id="display" value="Display All Data" />
<div id="responsecontainer" align="center">
4

4 に答える 4

2 
$(document).ready(function () {

    function load() {
        $.ajax({ //create an ajax request to load_page.php
            type: "GET",
            url: "second.php",
            dataType: "html", //expect html to be returned                
            success: function (response) {
                $("#responsecontainer").html(response);
                setTimeout(load, 5000)
            }
        });
    }

    load(); //if you don't want the click
    $("#display").click(load); //if you want to start the display on click
});
于 2013-11-15T03:07:16.070 に答える
0

追加してみてくださいsetTimeout：

success: function(response){                    
    $("#responsecontainer").html(response);
    setTimeout(success, 5000);
}
于 2013-11-15T03:06:20.733 に答える
0

onload() 内で jquery の setInterval() または setTimeout() を使用できます。次の質問を参照してください。その答えは、正確に何が必要かをよく説明しています。

60 秒ごとに関数を呼び出す

于 2013-11-15T03:15:36.527 に答える
0

関数 setTimeout をトリガーするタイマーとして使用できます。詳細については、以下のコードをご覧ください。

    $(document).ready(function() {
        loadData();
    });

    var loadData = function() {
        $.ajax({    //create an ajax request to load_page.php
            type: "GET",
            url: "second.php",             
            dataType: "html",   //expect html to be returned                
            success: function(response){                    
                $("#responsecontainer").html(response);
                setTimeout(loadData, 5000); 
            }

        });
    };
于 2013-11-15T03:13:08.890 に答える