`
chenjian_791
  • 浏览: 20700 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

用iframe实现无刷新提交

阅读更多
页面部分
<form id="vote_form" name="vote_form" action="vote.creating.php" method="post" target="vote_frame"></form>
<script>
function bb(v_id,v_owner){
 
	Alert({msg:"<div style='font-size:13px;'>投票发起成功!</div>",title:'提示',flg:10,enter:function(){self.location='vote.my.php'}});
 
	 $("#btn_submit_vote").attr("value","发布投票");
 
   $("#btn_submit_vote").removeAttr("disabled");
 
}
</script>
<iframe id="vote_frame" name="vote_frame" style="display:none" src="test.htm"></iframe>


php处理部分
echo '<script>window.parent.bb('a','b')</script>';


window.open打开的子窗口也可以用window.opener.func()调用父窗口函数实现相互调用
分享到:
评论

相关推荐

    iframe实现无刷新上传下载

    "iframe实现无刷新上传下载"是一个利用IFrame和JQuery技术来创建的项目,它允许用户在不刷新整个页面的情况下进行文件的上传和下载操作,提高了交互效率,同时也保持了页面状态的连续性。 首先,我们要理解什么是...

    用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。

    用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。 html页面: &lt;iframe name="FORMSUBMIT" width="1" height="1" &gt;&lt;/iframe&gt; ...

    iframe实现异步无刷新提交

    在网页开发中,异步无刷新...总的来说,`iframe`实现的异步无刷新提交是一种实用的技巧,尤其适用于那些需要兼容老版本浏览器或处理跨域问题的场景。通过熟练掌握这一技术,开发者可以构建更加流畅、高效的Web应用。

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

    总之,这个案例展示了如何利用AdminLTE和Bootstrap的强大功能,结合JavaScript和iframe实现局部刷新,这对于提升Web应用的交互性和性能至关重要。通过学习和实践这个案例,开发者能够更好地掌握现代Web开发中的关键...

    iframe实现页面局部刷新操作

    这里,我们找到`iframe`内的图片链接,并将其应用到页面上的`#imagePreview`元素,实现无刷新的图片展示。 总结起来,通过`iframe`和PHP,我们可以实现一个图片上传的功能,用户选择图片后,图片会被上传到服务器,...

    使用隐藏的Iframe实现ajax无刷新上传

    使用隐藏的Iframe实现Ajax无刷新上传的基本思路是:创建一个隐藏的Iframe作为文件上传的目标,当用户选择文件并提交表单后,表单数据会通过POST方式发送到服务器端处理文件上传操作。由于Iframe的存在,上传过程不会...

    php+iframe 无刷新上传

    同时,为了利用iframe实现无刷新上传,`target`属性应设置为iframe的ID。 3. **IFrame应用** IFrame作为目标表单提交点,可以让表单提交在背景中进行,不更新整个页面。创建一个隐藏的iframe,将表单的`action`...

    asp.net结合html,javascript实现无刷新跨域数据提交

    本文将介绍如何使用ASP.NET、HTML和JavaScript实现无刷新跨域数据提交。跨域数据提交是指在不同的域名之间传递数据,而不需要刷新整个页面。 首先,需要理解浏览器的同源策略,即浏览器禁止跨域数据访问。这是为了...

    通过隐蔽iframe实现无刷新上传文件操作_.docx

    总结来说,通过隐蔽的iframe实现无刷新上传文件操作,可以提供流畅的用户体验。这种方式结合ReactJS、AmazeUI和Node.js,利用iframe的特性以及JavaScript的事件处理机制,能够有效地处理文件上传并在上传完成后更新...

    ajax(iframe)无刷新提交表单、上传文件

    ### 知识点:Ajax无刷新提交表单与上传文件 #### 1. Ajax的基本概念 Ajax(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术,它允许网页通过JavaScript与服务器交换数据并更新部分网页内容,而...

    不使用ajax实现无刷新提交表单

    总结起来,不使用Ajax实现无刷新提交表单可以通过在`&lt;form&gt;`中设置`target`属性到一个隐藏的`&lt;iframe&gt;`,然后监听`&lt;iframe&gt;`的`load`事件来获取服务器的响应。这种方法简单实用,适用于对浏览器兼容性有较高要求的...

    php无刷新提交表单

    - **IFrame**: HTML的一个元素,可以在当前文档内嵌入另一个HTML文档,常用于实现无刷新提交。 #### 三、具体实现方法 在给定的代码示例中,我们可以通过以下步骤来理解如何实现PHP无刷新提交表单: 1. **HTML...

    ajax iframe jsp 无刷新上传文件.zip

    Iframe创建了一个独立的浏览上下文,可以在其中执行表单提交,从而实现无刷新上传。 1. **Ajax基础**:Ajax的核心是XMLHttpRequest对象,它提供了与服务器异步通信的能力。通过创建XMLHttpRequest实例,设置HTTP...

    ajax_XML_iframe无刷新异步读取 源代码

    标题中的"ajax_XML_iframe无刷新异步读取 源代码"指的是使用Ajax技术和XML以及IFrame实现的无刷新异步数据读取技术。在Web开发中,这种技术能够提高用户体验,因为用户无需等待整个页面刷新即可获取或更新数据。 ...

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

    在表单提交时,通过设置`target`属性为特定的iframe,可以使表单数据提交到该iframe内,从而实现页面跳转。 ```html &lt;!-- 表单元素 --&gt; ``` #### 4. 使用`window.opener` 当一个新窗口打开时,可以通过`window....

    JSP_模拟AJAX实现无刷新文件上传

    然而,我们可以利用IFRAME(Inline Frame)来模拟实现AJAX式的无刷新文件上传,以达到类似的效果。 首先,我们需要理解AJAX的工作原理。AJAX允许我们在后台与服务器进行通信,更新部分网页内容,而无需刷新整个页面...

    通过隐藏iframe实现无刷新上传文件操作

    本文将详细介绍如何使用隐藏的IFrame实现无刷新上传文件,以及涉及到的相关技术。 首先,我们需要创建一个HTML表单,其中包含一个用于选择文件的`&lt;input type="file"&gt;`元素。这个表单的`target`属性设置为一个...

    告别AJAX实现无刷新提交表单

    在当今的互联网应用开发中,实现无刷新提交表单是一种常见的需求,传统上,我们通常会利用Ajax技术来达到这样的效果。Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个页面的情况下,能够更新部分...

    使用iframe实现提交表单不刷新页面

    由于`&lt;iframe&gt;`的尺寸设置为0,用户几乎察觉不到这个过程,实现了无刷新提交表单的效果。 这种方法在某些场景下非常有用,比如在线表单、支付页面等,可以保持用户在当前页面的上下文,提高交互体验。然而,需要...

Global site tag (gtag.js) - Google Analytics