正常表单提交,且不刷新页面实现
我们都了解正常的表单提交一般都是会刷新页面的,如何做到不刷新页面,方法如下:
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(); }
实际项目中,页面提交参数然后下载对应附件(不允许新开窗口下载)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步