重新加载div而不重新加载整个页面不起作用

时间:2013-06-24 16:44:44

标签: jquery ajax html refresh reload

我正在使用Java Portlets和Websphereportal

我有一个页面,其中包含您可以删除或更改的个人资料照片, 在页面的一部分,我的JSP文件中有两个div:

<div id="fotoDefault" style="display: none"> 
<img name="Fotografia" src="/wps/themes/html/experis_v1/images/foto_Placeholder.png"     width="200" height="200" alt="Tu Fotografía tamaño 200 X 200" style="background-color:     #000000">
</div>                  
<div id="fotoReal" style="display: none">
<img name="Fotografia" src="<%=request.getContextPath()%>/fotoServlet" width="200"      height="200" alt="Tu Fotografía tamaño 200 X 200" style="background-color: #000000">
</div>

fotoDefault是一张图片,显示您可以上传某种尺寸和某种格式的图片

fotoReal在您上传图片时显示图片

我的问题是,当我尝试上传图片时,除非我进行页面刷新,否则我看不到新图片,而客户端不喜欢这样的图片。

我一直试图用JQuery / Ajax做这个但是没有成功,在我的$(文档).ready(function(){:

的末尾有一些想法。
var url2 = location.href;
$('#fotoReal').load(url2);

但它没有像我期待的那样刷新那个div

我做错了什么?有任何帮助或建议吗?

谢谢! ^^

Ralex

1 个答案:

答案 0 :(得分:0)

你做错了。

1)你在$(document).ready(...)中输入的代码只会在页面加载时执行一次。

2)你正在调用“load”的location.href是当前页面,这意味着它将返回整个页面而不刷新图片。