360浏览器重复提交多次问题

<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>