ファイル入力が変更された場合bodyタグを更新する

DisplayItems.htmlという名前のローカル非サーバーWebページがあり、items.htmlという別のWebページからリストを取得します。私は現在items.htmlが更新された場合に、DisplayItemsがボディをx秒ごとにリフレッシュする場所を設定しました。私は、入力が数秒ごとに変化したかどうかを確認するために傾けようとしています。表示されている場合は、DisplayItemの本体をリフレッシュします。リフレッシュしない場合はリフレッシュしないでください。私はこれをどうやって進めることができますか？たぶんファイル入力が変更された場合bodyタグを更新する

DisplayItems.html

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> 
<link rel="stylesheet" type="text/css" href="Scroll.css"> 
<script src="jquery1.min.js"></script> 
<script type="text/javascript" src="jquery.marquee.min.js"></script> 
<script src="jquery-1.12.4.min.js"></script> 
<script type="text/javascript"> 
var jQuery_1_12_4 = $.noConflict(true); 
var currentvar; 
var oldvar = jQuery_1_12_4('#text').load("items.html"); 
<!-- 
function Refresh() { 
setTimeout("location.reload(true);"); 
} 
window.setInterval(function Checkforchange(){ 
    currentvar = jQuery_1_12_4('#text').load("items.html"); 
    if (currentvar != oldvar) 
    currentvar = oldvar; 
    Refresh(); 
}, 5000); 
// --> 
</script> 
</head> 
<body onload="JavaScript:Refresh();"> 

<ul class='marquee' id="text"> 
</ul> 

<script type="text/javascript"> 
jQuery_1_12_4('#text').load("items.html"); 
</script> 
</body> 
</html>

Items.html

<li>new item1</li> 
<li>senario2</li> 
<li>senario3</li>

出典

2016-12-28 Brad

質問、他のページに変更されたページをiframeに挿入してみませんか？ –

@ NathanielFlick Items.htmlはExcelで生成され、セキュリティ問題のために.txtファイルを使用して関連付けられないためです。私は以前に埋め込まれたIFrameを使用し、それ以上の問題を抱えてしまった。 – Brad

'setTimeout（" location.reload（true）; "）;'意味がありません。したがって、Ajaxを使用してページを取得し、変更されているかどうかを確認してロードがHTMLを返さないようにして、チェックでレスポンスをチェックしないでください... 'console.log（currentvar）' 。 – epascarello

このような何か？あなたのHTMLを使用して（身体のリフレッシュを取り除き、明らかにJqueryを使用する）。

<script type="text/javascript"> 

    function Checkforchange() { 

     $.get("/refresh/items.html", function (data) { 

      if ($('#text').html() !== data) { 
       $('#text').html(data); 
       window.setTimeout(Checkforchange, 5000); 
      } 
     }); 
    } 

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

</script>

出典

2016-12-28 22:29:53

@Brandonはこれで問題を解決しましたか？そうであれば、チェックマークをクリックして[受諾する]（http://meta.stackexchange.com/q/5234/179419）を検討して、解決策を見つけたことを人々が知っていることを確認してください。回答者とあなたの両方。これを行う義務はありません。それが動作しないか、それ以上の説明が必要な場合は、私に教えてください。ありがとう！ –

ファイル入力が変更された場合bodyタグを更新する

答えて

関連する問題