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（...）;刷新（）;本地存储更改时的功能。

MEDUSA
AMUSED
SAUTED

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>

从Jquery加载的网页获取变量

3 个答案: