Question

我的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();">
....

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

由于

Answer 1

替换：

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

使用：

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

Answer 2

我再次遇到了我的问题，所以我会添加一个简短的答案 - 我解决问题的方法：

这些图像的目的是表明一些系统状态;因此，我决定将视图和数据（MVC）分开，并且我添加了状态状态的JSON，每5秒调用一次（通过ajax）。现在在客户端中，我使用新图像重新创建了相关的DOM部分 - 这些部分适用于新的系统状态。

希望将来会帮助某人： - ）

干杯！

使用ajax更新DOM图像数组

2 个答案: