解决window.location.href参数太长问题

短命女 2022-09-01 08:16 385阅读 0赞

window.location.href参数超出限制问题解决
    需求：
    vue导出传参给后端导出excel
    
    <el-button type="primary" @click="exportData" :disabled="this.$store.state.isFetching">导出数据</el-button>

原来写法：

exportData()\{  
let params=\`?data1=$\{this.form.data1\}&bdid=$\{this.form.bdid\}&cdid=$\{this.form.cdid\}&imei=$\{this.form.imei\}&softVer=$\{this.form.softVer\}&data2=$\{this.form.data2\}&data6=$\{this.form.data6\}&data7=$\{this.form.data7\}&customer=$\{this.form.customer\}&deliveryDate=$\{this.form.deliveryDate\}&deliveryType=$\{this.form.deliveryType\}&data8=$\{this.form.data8\}&data9=$\{this.form.data9\}&data10=$\{this.form.data10\}\`;

let url=this.api.getBaseUrl()+'/bcidAndxx/importBcidxxxxx'+params;  
window.location.href=url;  
\},

改为：

exportData(){
      let params={};
      Object.assign(params,this.form);
      let url=this.api.getBaseUrl()+'/bcidAndxx/importBcidxxxxx/';
     // 创建form元素
      var temp_form = document.createElement("form");
      // 设置form属性
      temp_form .action = url;
      temp_form .target = "_self";
      temp_form .method = "post";
      temp_form .style.display = "none";
      // 处理需要传递的参数
      for (var x in params) {
        var opt = document.createElement("textarea");
        opt.name = x;
        opt.value = params[x];
        temp_form .appendChild(opt);
      }
      document.body.appendChild(temp_form);
      // 提交表单
      temp_form .submit();
    },

后端也改为POST，问题即可解决。

发表评论取消回复

表情：

评论列表（有 0 条评论，385人围观）

还没有评论，来说两句吧...

相关阅读

相关 uni-app页面跳转参数太长问题

跳转： uni.navigateTo({ url:'../xxxx/xxxx? samplingdetail='+encodeUR

朱雀/ 2023年06月08日 04:39/ 0 赞/ 147 阅读

相关业务太多！方法太大！spring环境下的如何优雅解决函数体太长的问题。

不管在什么软件公司，不管做什么软件业务，当产品不断迭代业务不断变更后，咱们的程序代码也会越来越臃肿越来越冗余。在一个维护了几年的系统中，有的时候我们会发现一个方法几百行，甚

拼搏现实的明天。/ 2023年01月07日 10:13/ 0 赞/ 120 阅读

相关解决echarts纵坐标数字太长，导致遮挡的问题

![20201203111541756.png][] 数字位数过多时，在小屏手机会出现数字显示不全，被遮挡的问题。此处记录下，在摸索下有两种办法解决这个问题。 1.改变距

傷城~/ 2022年12月26日 04:43/ 0 赞/ 536 阅读

相关 iframe中src参数过长问题解决

iframe中src参数过长问题解决参考文章： [（1）iframe中src参数过长问题解决][1_iframe_src] （2）https://www.cnblogs

柔光的暖阳◎/ 2022年09月05日 13:57/ 0 赞/ 256 阅读

相关解决window.location.href参数太长问题

window.location.href参数超出限制问题解决需求： vue导出传参给后端导出excel <el-button typ

短命女/ 2022年09月01日 08:16/ 0 赞/ 386 阅读

相关 tomcat启动太慢耗时很长的问题

tomcat启动很长时间，tomcat输出日志如下： INFO \[localhost-startStop-1\] org.apache.catalina.util.Sess

不念不忘少年蓝@/ 2022年06月17日 14:16/ 0 赞/ 789 阅读

相关文件太长无法删除-解决办法

其实很简单啦，例如文件夹C:\\Myfile\\下面有一个很长的文件，因为文件名称太长了，右键->没有重命名，也没有删除选项，怎么办呢？打开命令行，

素颜马尾好姑娘i/ 2022年04月01日 11:24/ 0 赞/ 350 阅读

相关新建页面window.open解决地址栏参数太长

/\\ 添加隐藏表单参数 form:表单对象 name:属性名 value:值 \/

╰+哭是因爲堅強的太久メ/ 2022年03月27日 04:08/ 0 赞/ 538 阅读

相关 Refresh SVN status cach耗时太长问题

先找了设置TortoiseSVN→Settings→Icon Overlays→Status cache 但问题没用解决最后找到eclipse的设置中 eclipse

墨蓝/ 2022年03月11日 02:56/ 0 赞/ 517 阅读

相关解决windows 下文件名太长无法删除的问题

今天删除一个无用文件夹时windows跳出如下弹窗： ![70][] 解决方法：1、在要删除的文件夹同级新建一个空文件夹（如图：1是要删除的文件夹，也就是包含那个文件名过长

谁践踏了优雅/ 2022年02月26日 08:44/ 0 赞/ 324 阅读