问题

window.location = url 方法 当传值url 太长时，服务器无法正常接收。

比如下面，当 rowsData 数据量过大时，服务器请求失败。

window.location='rest/files/excel/easyui-datagird?fileName=' + fileName + '&columns='+columns2+'&rowsData='+rowsData;

原因

使用浏览器发送 GET 请求会受浏览器 URL 长度的限制。而 window.location.href 就是 GET 请求。

下面数据是从网上找的，不一定准确，但也能了解个大概：

• IE 浏览器对 URL 的最大限制为2083个字符
• Firefox 浏览器 URL 的长度限制为65,536个字符
• Safari URL 最大长度限制为 80,000个字符
• Opera URL 最大长度限制为190,000个字符
• Chrome URL 最大长度限制为8182个字符

解决办法

将URL地址缩减到浏览器和服务器都可接收的或者换成 POST 请求。

POST理论上是不限制传输数据的。

下面例子就是用一个隐藏的 Form 表单来传参进行文件的下载：

var exportUrl = 'rest/files/excel/easyui-datagird' var form=$("
    
     ");//定义一个form表单form.attr("style","display:none");form.attr("target","");form.attr("method","post");form.attr("action",exportUrl);var input1=$("
     ");input1.attr("type","hidden");input1.attr("name","fileName");input1.attr("value",fileName);var input2=$("
     ");input2.attr("type","hidden");input2.attr("name","columns");input2.attr("value",JSON.stringify(columns));var input3=$("
     ");input3.attr("type","hidden");input3.attr("name","rowsData");input3.attr("value",JSON.stringify(rows));$("body").append(form);//将表单放置在页面中form.append(input1);form.append(input2);form.append(input3);form.submit().remove();;//表单提交并
    

其中，input 就是用来传递参数的。input 的 name 属性是参数的名称， value 属性是参数的值。

参考：