2011-04-04 101 views
3

我有一个页面,它使用window.open打开另一个页面,并执行一些工作并刷新整个父页面。是否有可能使用JQuery/Javascript刷新父页面上的div/table的内容?重新加载html元素

供参考:这里的div的内容没有改变有一个图像里面的div是由我想更新的子窗口编辑的,但该图像没有唯一的ID,所以我想刷新整个div。

谢谢。

回答

3

您可以使用jQuery的​​方法来快速更新容器

http://api.jquery.com/load

简单的内容作为

$('#result').load('ajax/test.html', function() { 
    alert('Load was performed.'); 
}); 
+0

唯一的潜在问题是缓存,如果图像的内容改变但src没有。 – 2011-04-04 17:08:05

+0

@Mathew yup,如果URL是相同的,那么你需要在最后添加一个随机值或类似的东西来强制一个新的获取 – JohnP 2011-04-04 17:10:33

3

纯JavaScript(不JQuery的)解决方案:包装您的DIV中一个iframe,给它一个id myFrame,然后像这样从小孩刷新它:

parent.document.getElementById("myFrame").reload(); 
0
$("#myDiv", window.parent.document).load("page.html", function(){ 
    alert("Portion of page loaded"); 
}); 

$()的第二个参数是要搜索的上下文。默认为文档。

如果您想从html字符串重新加载而不是使用其他页面,则可以使用.html()而不是.load()。