从加载了Jquery的网页中获取变量

Question

我正在使用jquery.load将div加载回同一页面，然后刷新div以反映所有更改。 直到我需要从要加载的页面中的变量以在javascript中使用该变量为止，此方法都可以正常工作。 例如，如果localStorage.username2更改，则浏览器应重新加载。 但事实并非如此。

<script type="text/javascript">
var partyid = '<?php echo $_GET["Party_ID"]; ?>';
jQuery(document).ready( function($){

if (localStorage.user2==localStorage.username2){

$('#Submission-2').load('http://example.com/?Party_ID=' + partyid + ' #Submission');
refresh();
}

});

</script>

<script type="text/javascript">
function refresh() 
{ 
 setTimeout( function() { 
if (localStorage.user2==localStorage.username2)
{
 $('#Submission-2').fadeOut('slow').load('http://example.com/?Party_ID=' + partyid + ' #Submission').fadeIn('slow'); 
document.getElementById("Submit-answer").innerHTML = localStorage.username2;
refresh();
}
else{
window.location.reload();
}

document.getElementById("Submit-answer").innerHTML = localStorage.username2;
 }, 5000); 
} 
</script>

该代码将一直起作用，直到用户名更改并且该代码未检测到它为止。 所以window.location.reload（）; 函数从不执行。

我的提交div中也有此代码。

 <div id="submission">

localStorage.setItem("user2", "<?php echo $user; ?>");
localStorage.setItem("username2", "<?php echo $party_information[0]->Username; ?>");

</script>
</div>

所以我的问题是如何从使用.load加载的页面中获取变量？ 我是刚刚从几天前才开始的。 提前致谢。

Answer 1

像下面这样的东西会触发您的$（'＃Submission-2）.load（...）; refresh（）; 本地存储更改时起作用。

$(window).bind('storage', function (e) {
     $('#Submission-2').load('http://example.com/?Party_ID=' + partyid + ' #Submission');
    refresh();
});

Answer 2

您可以设置一个定期触发的间隔，以检查变量是否已更改

window.setInterval(function(){
    if (localStorage.user2 != localStorage.username2){
       window.location.reload();
    }
}, 5000);

这每5秒运行一次，以检查变量是否已更改。 请注意，这可能会很累

Answer 3

这就是我最终为js做的事情。 作品！

<script type="text/javascript">
function refresh() 
{ 
var quitfunction = 0;
 setTimeout( function() { 
$('#Submission-2').fadeOut('slow').load('http://example.com/play-with-friends/?Party_ID=' + partyid + ' #Submission' , function() {
var username = '<?php echo $party_information[0]->Username; ?>';
if (document.getElementById('total').value!=username)
{
window.location.reload();
}
        });
$('#Submission-2').fadeIn('slow').load('http://example.com/play-with-friends/?Party_ID=' + partyid + ' #Submission' );
{
refresh();
}
 }, 5000); 
}
</script>