在Js页面通过POST传递参数跳转到新页面详解_网络技术

在Js页面通过POST传递参数跳转到新页面详解

发布时间 - 2026-01-11 02:57:42 点击率：次

场景

最近在工作中遇到一个需求，有个页面 a.vm，对 ajax 请求的结果进行判断后，获取结果里面的数据传递给一个 URL（b.htm），跳转到新的页面 b.htm。

遇到的问题

因为一开始是 GET 请求，所以当传递的数据过大的时候，会报错 nginx 414 request-uri too long

客户端请求头缓冲区大小，如果请求头总长度大于小于128k，则使用此缓冲区

client_header_buffer_size 128k;

请求头总长度大于128k时使用 large_client_header_buffers 设置的缓存区

large_client_header_buffers 指令参数4为个数，128k为大小，默认是8k。申请4个128k。

large_client_header_buffers 4 128k;

当http 的URI太长或者request header过大时会报414 Request URI too large或400 bad request错误

造成这样的原因

cookie中写入的值太大造成的，因为header中的其他参数的size一般比较固定，只有cookie可能被写入较大的数据

请求参数太长，比如发布一个文章正文，用urlencode后，使用get方式传到后台

本次的故障原因是由问题 2 引起的。即当请求头过大时，超过 large_client_header_buffer 时，nginx可能返回 Request URI too large (414) 或者 Bad-request(400) 错误。

当Request line的长度大于large_client_header_buffer的一个buffer(128k)时，nginx会返回"Request URI too large" (414)错误，对应上面的场景2。

请求头中最长的一行也要小于large_client_header_buffer，当不是Request line的最长行大于一个buffer(128k)时，会返回"Bad-request"(400)错误，对应上面的场景1。

临时解决办法

修改 nginx 参数

主要是调大以下参数值：

client_header_buffer_size 512k;
large_client_header_buffers 4 512k;

但是调大这个值会出现一个问题，当我的服务器腾挪数据量比较大的时候，可能又要修改这样不是一个办法，最终的解决办法就是由 GET 请求方式修改为 POST 请求方式

最终解决办法

使用 jquery.redirect.js 框架来处理这样的情况，主要使用到的函数是 $.redirect

代码如下：

 $http({
    method: "POST",
    dataType: "json",
    contentType: 'application/json',
    url: url,
    data: data,
   }).success(function (data) {
    if (data.success) {
     crId = data.data;
     $scope.errMsg = "";
     var url = "/xx.htm?id=" + id;
     window.location.href = url
    } else {
     $scope.errMsg = data.message;
     $scope.isDisabled = false;
     $scope.errorCode = data.code;
     $scope.trv.physics = data.data;
     if(data.statusCode === -224){
      var vms = data.data;
      console.log("vms: " + vms);

      $.redirect('/b.htm', {'vms': vms.toString(), 'resource': trv.resource, 'errMsg': $scope.errMsg});
     }

    }
   }).error(function (data) {
    alert(data);
    $scope.isDisabled = false;
   });

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# js跳转页面post传值 # js跳转页面post传参数 # js # post # 跳转页面 # js的函数的按值传递参数(实例讲解) # jsp中四种传递参数的方法 # JS中传递参数的几种不同方法比较 # JS中append字符串包含onclick无效传递参数失败的解决方案 # 完美解决js传递参数中加号和&号自动改变的方法 # 浅谈在js传递参数中含加号(+)的处理方式 # JS控制静态页面传递参数并获取参数应用 # JavaScript 中传递参数的方式示例详解 # 过大 # 解决办法 # 是由 # 太长 # 总长度 # 有个 # 也要 # 太大 # 又要 # 一个问题 # 跳转 # 这篇文章 # 报错 # 谢谢大家 # 在工作中 # 到新 # 主要是 # 客户端 # 量比 # 有疑问

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：linux下的as命令支持mips架构吗

下一篇：css模块样式互相影响怎么办_通过css后代选择器限制作用范

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：linux下的as命令支持mips架构吗

下一篇：css模块样式互相影响怎么办_通过css后代选择器限制作用范