PHPファイルがエコーの場合、jQueryリフレッシュ 'true'

Question

PHPファイルが 'true'を返すかどうかを確認するページを作成します。現在、私が働いて、代わりにdiv要素の完全なページのためにあるされていない、これを、持っている（私は代わりに、完全なページをリフレッシュするためのdivたい）：

<script type="text/javascript"> 
$(document).ready(function(){ 
    setInterval("checkTime()", 10000); 
    function checkTime(){ 
     $.ajax({ 
      url: 'checktime.php', 
      success: function(refresh){ 
       if(refresh == "true"){ 
        location.reload(true); 
       } 
      } 
     }); 
    } 

}); 
</script> 

EDIT：

ここに与えられた指示に従って、私は私のヘッダーに次のコードを配置：

$(document).ready(function(){   
    function checkTime(){ 
     $.ajax({ 
      dataType: 'json', 
      url: 'checktime.php', 
      success: function(data){ 
       if(data.refresh == "true"){ 
        $('#tv').load('tv.php'); 
       } 
      } 
     }); 
    } 
    setInterval(function() {checkTime()}, 10000); 
}); 

マイテレビdiv要素は次のようになります。

<div id="tv"> 
<? include 'tv.php' ?> 
</div> 

私は手動でchecktime.phpに行き、私のインデックスをリフレッシュすると、正しい時刻にtv divが適切に更新されます。しかし、何もヘッダーのjavascriptから発生するようです。

Answer 1

でlocation.reload(true)を置き換える必要がありますが、それはリフレッシュを必要とするときのdivのhtmlを送信するためのURLが必要になります。次に、指定したdivにそのURLからのcontsentをロードします。私は、ケースサーバにおけるリフレッシュテキストへのトリムが送信し、余分なスペースや行が

は（jQueryのAJAXのショートカットメソッドの負荷を使用壊す追加）

http://api.jquery.com/load/

$(document).ready(function(){ 
    setInterval("checkTime()", 10000); 
    function checkTime(){ 
     $.ajax({ 
      url: 'checktime.php', 
      success: function(refresh){ 
       if($.trim(refresh) == "true"){ 
        $('#myDivID').load(refreshDivUrl) 
       } 
      } 
     }); 
    } 

}); 

EDIT：シンプルなロジックは実際にそこにありますこのため。そうでない場合は、HTMLを返送し、我々はchecktime.phpを返している正確に理解する必要があるだろう新しいHTML

$(document).ready(function(){ 
    setInterval("checkTime()", 10000); 
    function checkTime(){ 
     $.ajax({ 
      url: 'checktime.php', 
      success: function(refresh){ 
       if($.trim(refresh) != "false"){ 
        $('#myDivID').html(refresh) 
       } 
      } 
     }); 
    } 

}); 

Answer 2

は、私はそれがdiv要素をリフレッシュするためにどういう意味見当がつかないが、あなたはdiv要素を隠し、その後でそれをフェードインすることができます：location.reload(true)をあるあなたの問題を引き起こしている

$('#divId').hide().fadeIn('slow'); 

Answer 3

一部。 は、再ロードを指示するであるため、ページがリロードされています。

しかし、1つの<div>のデータを変更するのは非常に簡単ですので、大きな問題はありません。

1つのdivのデータを変更するには、あなたが$("#target-div").html("New data");

Answer 4

を取得するために、余分なコールを保存し、ノーリフレッシュのために「false」を送り返します。 JSON形式でデータを返すことをお勧めします。将来、他の情報（たとえば、時間...！）が必要な場合は、拡張可能です。

2番目の点として、jQueryの​​関数を使用して、特定のdivにコンテンツを読み込むことができます。

JSONルートに行って、JSONに "refresh"という名前のメンバがある場合（trueまたはfalse）、修正された関数はこのような見て何か：提案として

$(document).ready(function(){   
    function checkTime(){ 
     $.ajax({ 
      dataType: 'json', 
      url: 'checktime.php', 
      success: function(data){ 
       if(data.refresh == "true"){ 
        $('#myDiv').load('myresource.php'); 
       } 
      } 
     }); 
    } 
    setInterval(function() {checkTime()}, 10000); 
}); 

：そのリフレッシュのdivのコンテンツが膨大でなく、インタラクティブでない場合は、理由だけではなく、継続的にそれを更新し、条件をドロップしますか？プロセスを大幅に簡略化します。

[更新] evalを使用するsetIntervalの文字列関数も使用しています。これは、考慮されていない無なし、とあなたが実際の関数を渡すことに切り替える必要があります。

setInterval(function() {checkTime()}, 10000); 

私はそれに応じて自分のコードサンプルを更新しました！