javascript - 如何在不刷新索引页的情况下刷新 DIV

标签 javascript jquery html css

<分区>

您好,我正在尝试自动刷新此 div 标签。它包含一个链接到小部件外部 url 的 iframe。我希望它每 30 秒刷新一次。只是好奇如何做到这一点。

<div id="my-content">
<iframe src="https://discordapp.com/widget?id=*****************&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe></div>
</div>

<script>
$(document).ready( function() {
$('div.index-right').eq(0).append($('div#my-content'));
});
</script>

我在下面评论了一个未捕获的异常错误。这是针对在 iframe 中链接的外部站点,并且没有在本地写入数据以拉取更新。 div 只需要刷新即可。

最佳答案

试试这个:

setInterval(function(){
    $('#my-content').load(location.href + " #my-content");
}, 30 * 1000);

这只会刷新 ID 为 my-content 的 div。

关于javascript - 如何在不刷新索引页的情况下刷新 DIV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32429539/

上一篇:css - 在 iframe 中加载响应式网站

下一篇:javascript - 每 3 秒重复一次动画

相关文章:

javascript - 检查用户是否来自 'forward' 页面

javascript - 多个 View 模型

Javascript - 粘性按钮取决于标题宽度

javascript - 单击 "submit"按钮时意外提交

javascript - 使用 JQuery 顺序调用 Javascript 文件

html - 从 googleusercontent.com 加载的图像上的 HTTP 403

javascript - 如何将现有回调 API 转换为 Promise?

javascript - 使用 jQuery 的类和值不为空的所有选择列表选项

javascript - 全屏 Canvas 是低分辨率

javascript - 我怎样才能用javascript打开一个div?鼠标悬停和鼠标悬停样式