javascript - 使用ajax更新DOM图像数组

标签 javascript jquery html ajax web

我的 html 包含不同的图像,没有任何合法性 - 全部位于某个表格下。例如homepage.htm:

<table id="imagesTable">
    <tr>
        <td>
            <img src="img1.png">
            <div>
                <img src="img2.png">
            </div>
        </td>
        <td>
            <div>
                <div>
                    <img src="img3.png">
                </div>
            </div>
        </td>
    </tr>
</table>

每次我获取页面时,此页面中的图像源都可能不同(但所有其他元素结构保持不变),并且我想每 5 秒更新一次页面并更新新图像而不是旧图像(无需刷新页面)。我尝试用以下方法实现它(没有成功):

function updatePage()
{
    $("#imagesTable").load("homepage.htm #imagesTable");
    window.setTimeout("updatePage()",5000);
}
...
<body onload="updatePage();">
....

知道我做错了什么吗?还有其他建议如何解决这个问题吗?

谢谢

最佳答案

替换:

$("#imagesTable").load("homepage.htm #imagesTable");
window.setTimeout("updatePage()",5000);

与:

$("#imagesTable").load("homepage.htm #imagesTable *");
window.setTimeout(updatePage,5000);

关于javascript - 使用ajax更新DOM图像数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20028276/

相关文章:

php - html 和 css 中的选项卡式输入

javascript - 将 blade 文件 append 到 jquery 函数

javascript - 从 Node js中的文件读取序列化的对象数组

javascript - 从 Web Socket 动态更新模型

javascript - 平滑滚动都是小故障! (这是方形空间上的代码块)

javascript - 通过单击位于模态 - ANGULAR 中的 <ul> 选择选项

jquery - 延迟jQuery中的点击功能

javascript - 在 mapstart 上隐藏单个标记组

jquery - 从隐藏 div 中的输入字段中删除必填项

javascript - 如何在 JavaScript 中不使用 ID 获取元素的值