admin管理员组

文章数量:1650198

<a href="../exportExcel.do" target="_blank">导出Excel</a>

比如一个导出Excel的功能,点击后浏览器向服务器提交一个请求,服务端生成Excel,然后返回给浏览器

看似简单的功能,在360浏览器下,服务端会收到3次请求,火狐,chrome,IE没有这个问题.

换成window.open('')方式也一样.

再新建浏览器窗口直接输入url也不行.


最后依靠<form>表单来解决

解决思路:依靠form的post请求

实现方式:

在页面中生成一个form表单,表单内容为空,注意method为post

action属性就是导出的url

<form id="frm" method="post" action="../exportExcel.do"></form>

然后编写一个JS函数

function doExport(){
    document.getElementById('frm').submit();// 提交表单
}

导出按钮改成:

<a href="#" οnclick="doExport(); return false;">导出Excel</a>

这样服务端就收到1次请求了.


为了方便操作,我写了个小工具

var ExportUtil = {
	doExport:function(url){
		if(!this.$form) {
			this.$form = $('<form method="post"></form>');
			$('body').append(this.$form);
		}
		this.$form.attr('action',url);
		this.$form.get(0).submit();
	}
}

在页面这样调用即可

<a href="#" οnclick="ExportUtil.doExport('../exportExcel.do'); return false;">下载</a>




本文标签： 浏览器

版权声明：本文标题：360浏览器重复提交多次问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1729520101a1204435.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。