正常表单提交,且不刷新页面实现
2017-02-22 09:59
246 查看
我们都了解正常的表单提交一般都是会刷新页面的,如何做到不刷新页面,方法如下:
实际项目中,页面提交参数然后下载对应附件(不允许新开窗口下载)
function noRefreshPost(){ var url = "/download.aciton"; /* 请求路径 */ var hiddenIFM = null,hiddenForm = null,hiddenInput = null; /* 清理,防止多次执行出现多个相同隐藏元素 */ $("iframe[name='hiddenIframe'],form[target='hiddenIframe']").remove(); /* 创建隐藏的 form 和 iframe,form的target属性指向iframe的name属性值 */ hiddenIFM = $("<iframe name='hiddenIframe'></iframe>"); hiddenForm = $("<form target='hiddenIframe' type='post' action='"+url+"'></form>"); hiddenInput = $("<input type='hidden' name='userName' value='MJ'/>"); /* 传到后台的数据 */ hiddenForm.append(hiddenInput); $("body").append(hiddenIFM).append(hiddenForm); hiddenForm.submit(); }
实际项目中,页面提交参数然后下载对应附件(不允许新开窗口下载)
相关文章推荐
- 利用iframe实现提交表单是页面部分刷新
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- 怎么实现表单提交后不重新刷新当前页面
- 怎么实现表单提交后不重新刷新当前页面
- 使用iframe实现提交表单不刷新页面
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- Jquery实现form表单提交后局部刷新页面的多种方法
- jquery实现form表单提交后局部刷新页面的多种方法
- js实现表单提交后不重新刷新当前页面,并停留在当前页面
- 使用iframe实现提交表单不刷新页面
- 基于HTML实现表单提交后不刷新页面
- Form提交表单后页面刷新不跳转的实现
- react表单提交(实现提交时不刷新页面并一键获取到所有数据)
- 实现不刷新整个页面来 submit 提交表单
- js实现表单提交后不重新刷新当前页面
- js实现表单提交后不重新刷新当前页面
- .NET 刷新页面防止表单二次提交的实现方法
- 使用iframe实现提交表单不刷新页面
- 用iframe实现页面无刷新效果的表单提交
- Pjax无刷新跳转页面实现,支持超链接与表单提交