基于iframe实现类似于ajax的页面无刷新
更新时间：2014年05月31日 17:33:35 作者：
本方法是基于iframe实现的，需求是form表单提交带有文件上传的input标签，示例如下，感兴趣的朋友可以参考下
本方法是基于iframe实现的，需求是form表单提交带有文件上传的input标签，因此不能使用ajax来提交
首先：
<form id="form0" action="${pageContext.request.contextPath}/news/baikeAdd.form" enctype="multipart/form-data" method="POST" target="hidden_frame">
... ...
</form>
<iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>
红字处的属性值一定要一样
首先：
复制代码 代码如下:
<form id="form0" action="${pageContext.request.contextPath}/news/baikeAdd.form" enctype="multipart/form-data" method="POST" target="hidden_frame">
... ...
</form>
<iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>
红字处的属性值一定要一样
相关文章
这篇文章主要介绍了js兼容火狐显示上传图片预览效果的方法,涉及js调用FileReader实现图片预览功能的技巧,需要的朋友可以参考下2015-05-05
本文介绍了JSscript标签有哪些属性,向HTML页面中插入JavaScript的主要方法,就是使用script>元素.这个元素由Netscape创造并在NetscapeNavigator2中首先实现.后来,这个元素被加入到正式的HTML规范中,下面小编来讲解下JSscript标签有哪些属性,需要的朋友可以参考下2022-01-01
在本篇文章中小编给大家分享了关于javascript中floor使用的知识点内容，有兴趣的朋友们学习下。2019-02-02
这篇文章主要介绍了javascript回调函数的概念理解与用法,结合具体实例形式分析了javascript回调函数的功能、原理、使用方法与相关注意事项,需要的朋友可以参考下2017-05-05
无论你开发使用的是CommonJS规范还是ES6模块规范,打包后的文件都统一使用webpack自定义的模块规范来管理、加载模块,下面这篇文章主要给大家介绍了关于webpack动态import原理的相关资料,需要的朋友可以参考下2022-04-04
下面小编就为大家带来一篇ASP.NET jquery ajax传递参数的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码2009-12-12
这段代码大意是通过比较图片分辨率和桌面分辨率来判定改图是否适合直接用作访客的桌面壁纸2013-07-07
原生js XMLhttprequest请求onreadystatechange执行两次的解决
这篇文章主要介绍了原生js XMLhttprequest请求onreadystatechange执行两次的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
这篇文章主要介绍了js实现延迟加载的方法,涉及javascript中setTimeout与setInterval方法的使用技巧,需要的朋友可以参考下2015-06-06
最新评论