最近用到一个小功能,即双击相册列表中的照片时,把此照片设为头像,由于我用的是iframe,所以在action处理过后返回的jsp页面不能达到父页面的刷新。
IPictureMgr pictureMgr = (IPictureMgr) getBean("pictureMgr");
List result = pictureMgr.get(username);
req.setAttribute("result", result);
req.setAttribute("filepath", filepath);
return mapping.findForward("add");
如果这样的话每次只能手动刷新整个页面才能实时显示修改的头像,如果想刷新父页面,只需要在script中做如下处理:
function aaaa(i,filename){
alert(i);
var filepath = document.getElementById("picture"+i).value;
alert(filepath);
window.location.href ='pictures.do?method=sethead&filepath='+filepath+'&filename='+filename;
parent.location.reload();//刷新父页面
}
这是双击事件function
分享到:
相关推荐
接下来,我们想要在上传成功后在`iframe`中展示图片。`jQuery`可以帮助我们在前端监听`iframe`的`load`事件,当`iframe`中的页面加载完成时,获取并显示图片。例如: ```javascript $(document).ready(function() {...
用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。 html页面: <iframe name="FORMSUBMIT" width="1" height="1" ></iframe> <form action="login....
在网页开发中,异步无刷新提交是一种提升用户体验的重要技术,它使得用户在提交表单或执行某些操作时,无需等待整个页面刷新,而是仅更新部分网页内容。本主题聚焦于利用`iframe`来实现这一功能,这在不支持现代Ajax...
可以在表单元素中设置`target`属性为`_top`,这样表单提交后就会刷新整个父窗口。 ```html <form action="目标URL" method="post" target="_top"> <!-- 表单内容 --> ``` 这种方式的优点是不需要额外的...
创建一个隐藏的iframe,将表单的`action`属性指向PHP处理文件上传的脚本,这样在用户点击提交后,文件上传过程将在iframe中完成,主页面保持不变。 4. **JavaScript交互** 为了提供上传进度和错误提示,可以使用...
使用隐藏的Iframe实现Ajax无刷新上传的基本思路是:创建一个隐藏的Iframe作为文件上传的目标,当用户选择文件并提交表单后,表单数据会通过POST方式发送到服务器端处理文件上传操作。由于Iframe的存在,上传过程不会...
在网页开发中,有时我们希望用户提交表单后,页面不会发生刷新,而是保持当前状态。这通常是通过JavaScript实现的,因为JavaScript允许我们在用户交互时动态控制页面的行为。本篇文章将详细讲解如何利用JavaScript...
具体的原理是:当表单在提交数据的时候,不将提交目标设置为当前的页面,而是当前页面中的一个嵌入框架。首先你应该在body下面插入一个嵌入框架: 复制代码代码如下:<iframe style=”width:0; height:0; margin-...
在使用iframe时,可以利用其天然的提交特性,比如表单提交到iframe中,以避免整个页面刷新。表单的target属性设置为iframe的ID,即可实现在iframe内部提交表单数据。 ```html <form action="/submit-url" method=...
这些函数在处理上传文件名、路径或者错误信息时会频繁使用。 5. **Struts2表单验证**:Struts2是一个流行的MVC框架,提供了强大的表单验证功能。开发者可以通过编写Validator Rules配置文件或使用注解来自定义字段...
在网页开发中,为了提供更好的用户体验,经常需要在用户提交表单后不刷新整个页面,而是仅更新必要的部分。这通常通过使用AJAX(异步JavaScript和XML)或IFRAME技术来实现。以下是两种基于HTML实现表单无刷新提交的...
总而言之,通过在Form标签中使用target属性配合隐藏的iframe,可以实现提交表单后页面刷新而不跳转的效果。这一技术在Web开发中具有广泛的应用,能够提升用户操作的流畅性,但也需要针对具体情况进行适当的考量和...
- **评论提交**:用户提交评论后,评论立即显示在页面上而无需刷新整个页面。 - **表单验证**:实时验证表单输入,及时反馈错误信息,提高用户填写表单的效率。 #### 二、实现原理及关键技术 无刷新提交的实现通常...
表单的`action`属性指定了表单数据提交到的服务器端脚本的位置,`target`属性指定了提交结果应该显示在哪个iframe中。在这个例子中,目标iframe被隐藏起来,从而实现了无刷新上传文件。 #### 4. 文件上传的原理 ...
3. **父页面与iframe的交互**:通过父页面JavaScript中的parent对象,可以在iframe中文件上传完成后操作父页面的DOM,实现上传结果的即时反馈。 #### PHP文件上传处理: 1. **move_uploaded_file()函数**:在PHP中...
这样,表单提交后,结果将在`<iframe>`中加载,而不是整个页面。 ```html <form action="upload.php" method="POST" enctype="multipart/form-data" target="uploadFrame"> <iframe name="uploadFrame" ...
在开发基于JSP的Web应用时,经常遇到一些常见的问题,如数据重复提交、页面刷新导致的重复操作以及异步操作同步问题。以下是对这些问题的详细解决方案: **问题1:防止数据重复提交** 数据重复提交通常发生在用户...
在网页开发中,为了提供更好的用户体验,我们常常需要在不刷新整个页面的情况下更新部分内容,这就是所谓的页面无刷新技术。Ajax(Asynchronous JavaScript and XML)是一种常见的实现方式,但当涉及到文件上传时,...