`
Java_大猫
  • 浏览: 173443 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

通过JS刷新iframe 页面数据

阅读更多
之前做了一个 要将提交的数据显示在一个iframe 中的JSP页面。
上面一个表单。下面是一个List 。因为是维护的东西。设计并不是我做的。list页面是放在一个iframe中

也就是 页面情况这样:

<form >
<input type ="text">
<input type ="button" value=提交>
</from>

<iframe name="ItemFrm" scrolling="auto" width="115%" height="350" src=list.do" frameborder="1"></iframe> 
//这里 list.do 是在第一次加载页面的时候把数据加载出来。


当我在提交数据的时候需要刷新 list里的内容

所以 我用到了这句话:
function reflashPage(){
 
    document.ItemFrm.location.href="list.do";
}

当然 前面还有一些 异步调用的ajax方式提交数据


分享到:
评论

相关推荐

    JS页面跳转和js对iframe进行页面跳转、刷新

    刷新iframe内的页面可以通过再次设置`location.href`属性来实现。 ```javascript var iframe = document.getElementById('myIframe'); iframe.src = iframe.src; // 或者 iframe.contentWindow.location.reload(); `...

    demo_DEMO_子页面刷新父页面iframe_

    标题“demo_DEMO_子页面刷新父页面iframe_”暗示我们关注的焦点是关于如何在子页面中触发父页面的刷新操作,特别是在一个IFrame上下文中。下面将详细探讨这个主题。 首先,我们需要了解IFrame(内联框架)的基本...

    JS刷新父页面 父窗口

    ### JS刷新父页面 在JavaScript中,我们经常遇到需要在一个弹出的窗口(子窗口)中执行操作后刷新父窗口的情况。这在很多应用场景中都非常有用,比如表单提交后的页面刷新、数据更新后的页面刷新等。实现这一功能的...

    后台管理禁止iframe刷新返回首页

    5. **禁用`iframe`的刷新按钮**:虽然这可能影响用户体验,但作为一种备选方案,可以通过CSS或JavaScript隐藏或禁用`iframe`内的刷新按钮,防止用户意外点击导致的页面跳转。 6. **路由管理**:如果后台管理系统...

    iframe实现页面局部刷新操作

    在网页开发中,有时我们需要实现在不刷新整个页面的情况下更新某些特定区域,这通常是通过`iframe`(Inline Frame)来实现的。`iframe`是一种HTML元素,它可以在一个网页中嵌入另一个网页,使得我们可以在独立的框架...

    javascript刷新父页面

    ### JavaScript 刷新父页面知识点详解 ...通过本文的学习,我们了解了如何在JavaScript中刷新父窗口页面的方法,以及这些方法的具体实现细节。此外,还提供了一些示例代码供参考,帮助开发者更好地理解和应用这些技术。

    再iframe中刷新列表

    2. **在弹出层C中刷新父页面数据**: - 弹出层C可以通过`window.opener`来访问到父页面的数据并执行刷新操作。 ```javascript window.opener.location.reload(); ``` 3. **注意事项**: - 同样地,这种方法也...

    解决JS跨域访问IFrame的解决方案

    通过在父页面和IFrame页面之间使用`window.postMessage()`方法发送消息,另一方可以通过监听`message`事件来接收消息。这种方式可以实现双向通信,且支持所有现代浏览器。 4. **Window.name属性**:由于`window....

    jquery刷新页面和JS常用的函数

    ### jQuery 刷新页面与 JavaScript 常用函数详解 #### 一、jQuery 刷新页面方法 在实际开发中,有时我们需要通过脚本来控制页面的刷新。对于这种情况,jQuery 提供了简便的方式来完成这一操作。 **刷新当前页面:...

    基于AdminLTE(bootstrap)用iframe实现的局部刷新的案例

    本案例主要探讨如何基于AdminLTE(一个基于Bootstrap的开源后台主题)利用iframe和JavaScript实现局部刷新功能,以提升用户体验。 AdminLTE是一个免费的响应式后台模板,其设计灵感来源于Twitter的Bootstrap框架,...

    bootstarp+iframe 实现局部刷新 后台模板

    在后台模板中,`iframe`通常被用来承载各个功能模块,如数据管理、设置等,这样当用户在不同模块间切换时,只需要加载`iframe`内的内容,而不是整个页面,实现了局部刷新的效果。 选项卡功能是另一种提高用户交互性...

    同一父页面的一个子页面刷新另一个子页面

    5. **页面重载与局部更新**:在接收到消息后,子页面可以使用`location.reload()`方法实现全页面刷新,或者通过Ajax请求获取新数据并使用DOM操作替换现有内容,实现局部刷新。 6. **数据传输格式**:`postMessage`...

    js 实现iframe 之间传值

    // iframe页面 window.addEventListener('message', function(event) { if (event.origin !== 'http://parent-origin.com') return; // 检查来源以防恶意攻击 console.log('Received message:', event.data); }...

    基于js的iframe 可关闭tab标签组件使用方法

    这个组件能够帮助用户在同一个页面中方便地切换和管理多个内容区域,而无需刷新整个页面。 首先,`iframe`是HTML5中的一个元素,它允许我们在一个网页中嵌入另一个网页。通过设置`src`属性,我们可以指定要加载的...

    js定时刷新页面的方法

    在JavaScript(JS)中,页面刷新是常见的操作,主要用于更新页面内容或重新加载页面数据。在Web开发中,我们有时需要实现自动刷新、特定条件下刷新、或者通过子窗口控制父窗口的刷新。以下是对这些方法的详细介绍: ...

    easyui iframe 页面重复加载的问题

    在使用easyui框架开发Web应用时,特别是在使用tab布局的...以上就是对于easyui中iframe页面重复加载问题的分析及其解决方案的详细说明。在实际开发中,应合理运用这一技术细节,以达到更好的用户交互体验和系统性能。

    解决双iframe互相刷新进入死循环的问题

    这个问题通常发生在两个或多个iframe之间尝试通过JavaScript互相重载对方,导致无限循环,严重影响用户体验并可能导致浏览器崩溃。 首先,让我们深入理解问题的原因。当两个iframe A和B相互引用并试图重载对方时,...

    js中刷新页面的方法

    在JavaScript(简称JS)开发中,页面刷新是一个常见的操作需求,尤其在前端开发领域尤为重要。本文将详细介绍在JS中实现页面刷新的各种方法及其应用场景,并深入探讨每种方法的工作原理及注意事项。 ### 一、`...

    iframe标签实现网页部分刷新

    1. `iframe`与父页面的通信可以通过`window.postMessage`方法实现,这允许跨域的数据传递。 2. 使用`parent`或`top`对象,可以访问到父级或顶级窗口的JavaScript变量和函数。 四、`iframe`的优缺点 优点: - 实现...

Global site tag (gtag.js) - Google Analytics