弹出窗口中的内容不会刷新.如何使动态
Content in popup dont refresh.How to make dynamic
我在网站上工作,就像在脸书上一样,现在我在点赞并显示谁喜欢照片或帖子。我被卡在弹出窗口上,显示谁喜欢照片/帖子。我使用这个php代码:
foreach ($viewLikes as $name ) {
echo $name["username"].", likes it!"."<br>";
}
它工作得很好,但当我把php代码放在弹出窗口中时(http://codepen.io/imprakash/pen/GgNMXO)
<a class="close" href="#">×</a>
<div class="content2" id="cnt">
<? foreach ($viewLikes as $name ) {
echo $name["username"].", likes it!"."<br>";
}?>
</div>
</div>
div中的内容保持不变,不会刷新。我知道我必须使用JS或AJAX,但我不太擅长。所以,如果有人有另一个弹出窗口,它将加载我的内容或一些脚本,请共享
你可以让你的PHP在JSON blob中返回你喜欢的视图,用AJAX请求它,让Javascript迭代数据并用它接收到的数据更新页面(这是使用JQuery)。
PHP:
echo json_encode($viewLikes);
Javascript:
setInterval( function() {
$.get( 'yourphp.php', function() {
$('#cnt').empty();
for ( like in data ) {
$('#cnt').append('<span>' + like + '</span>');
}
} );
}, 1000);
这一切都是我的想法,所以可能不会马上奏效,但希望它能给你一个正确的方向。间隔也可能很混乱,因为它们一直持续到你说停止——但这里的想法是,它将每1秒刷新一次列表(setInterval的第二个参数)
也可能值得在Javascript-iirc中的数据上放一个JSON.parse()。在这种情况下,将其保留是可以的,但通常情况下,一得到JSON就解析它是一种很好的做法,以防它出现问题,并且需要处理由此产生的异常
相关文章:
- 弹出窗口中的内容不会刷新.如何使动态
- 在ASP.NET中单击“提交”按钮时,使表单不刷新
- 如何使页面在单击时向下滑动而不刷新
- 如何使 Angular 服务中的数据通过页面刷新持久化
- 如何使php中的多重计时器即使页面刷新也不会重置
- 有什么方法可以使页面无法刷新吗
- 自定义CSS输入框,使页面按ENTER键刷新
- 将标题标签与数据库连接并使其自动刷新,就像在Facebook标题中一样
- 如何使命令按钮不重新加载/刷新页面
- 如何在不重新启动 Web 应用程序的情况下以编程方式使 JavaScript 和 CSS 包失效或刷新
- 使 ajax 加载的内容自行刷新
- 使页面元素在重新加载/刷新后保持可见
- 如何使页面的元素在页面的其余部分刷新/更改时保留
- 在 jQuery 中是否可以在不使页面闪烁的情况下自动刷新?就像在脸书中一样
- 将 iDangero.us Swiper与jQuery Mobile一起使用时需要刷新页面
- JavaScript代码使页面在ASPX中刷新
- 使Ajax和PHP在不刷新页面的情况下更新页面
- 如何使图像即使在页面刷新时也不会消失
- 如何使屏幕在执行过程中进行角度刷新
- 如何使最后一个焦点文件应该在javascript中刷新html页面后进行焦点处理