8

そのdivに情報を入力するためのphpインクルードを持つDivタグがあります。ページが15秒ごとに呼び出されるようにして、Webページ全体をリロードすることなく情報を更新できるようにします。JavaScript/jQueryでこれをやろうとしましたが、うまくいかないようです

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('.View').load('Small.php').fadeIn("slow");
}, 15000); // refresh every 15000 milliseconds
</script>

<div class="View"><?php include 'Small.php'; ?></div>

これは私がいくつか検索した後のもので、何が起こるかというと、Small.php をロードしますが、それを更新したり、15 秒ごとに情報を更新したりしません。

助けてください！

表示される必要があるすべての php 配列を追加する必要があります。これらはすべて Small.php で実行され、それを含めるページは分離されているためです。

編集: 誰も気付かなかったのは、jQuery を参照する最初のスクリプトに終了タグがなく、それが 2 番目のスクリプトを壊していたことです。適切な終了タグを追加した後、スクリプトは最終的に機能しましたが、最初にfadeOutを使用しないとfadeInが正しく表示されません。

4

5 に答える 5

7

これを試して

<script type="text/javascript">
window.onload = function(){


var auto_refresh = setInterval(
function ()
{
$('.View').html('');
$('.View').load('Small.php').fadeIn("slow");
}, 15000); // refresh every 15000 milliseconds

}
</script>
于 2013-09-14T07:56:16.387 に答える
1

HTML は 15 秒ごとに更新されません。ブラウザのキャッシュが原因である可能性があります。ブラウザーのキャッシュを回避するために追加Math.random()します。@shadow で指摘されているように、DOM が完全に読み込まれるまで待つことをお勧めします。しかし、主な原因はキャッシングだと思います

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js" />
<script type="text/javascript">
$(document).ready(function(){
    var auto_refresh = setInterval(
    function ()
    {
       $('.View').load('Small.php?' + Math.random()).fadeIn("slow");
    }, 15000); // refresh every 15000 milliseconds
});
</script>
于 2013-09-14T07:56:55.283 に答える