在Js頁面通過POST傳遞參數(shù)跳轉(zhuǎn)到新頁面詳解

場景

成都創(chuàng)新互聯(lián)從2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元廣豐做網(wǎng)站,已為上家服務(wù),為廣豐各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

最近在工作中遇到一個(gè)需求，有個(gè)頁面 a.vm，對 ajax 請求的結(jié)果進(jìn)行判斷后，獲取結(jié)果里面的數(shù)據(jù)傳遞給一個(gè) URL（b.htm），跳轉(zhuǎn)到新的頁面 b.htm。

遇到的問題

因?yàn)橐婚_始是 GET 請求，所以當(dāng)傳遞的數(shù)據(jù)過大的時(shí)候，會報(bào)錯(cuò) nginx 414 request-uri too long

客戶端請求頭緩沖區(qū)大小，如果請求頭總長度大于小于128k，則使用此緩沖區(qū)

client_header_buffer_size 128k;

請求頭總長度大于128k時(shí)使用 large_client_header_buffers 設(shè)置的緩存區(qū)

large_client_header_buffers 指令參數(shù)4為個(gè)數(shù)，128k為大小，默認(rèn)是8k。申請4個(gè)128k。

large_client_header_buffers 4 128k;

當(dāng)http 的URI太長或者request header過大時(shí)會報(bào)414 Request URI too large或400 bad request錯(cuò)誤

造成這樣的原因

cookie中寫入的值太大造成的，因?yàn)閔eader中的其他參數(shù)的size一般比較固定，只有cookie可能被寫入較大的數(shù)據(jù)

請求參數(shù)太長，比如發(fā)布一個(gè)文章正文，用urlencode后，使用get方式傳到后臺

本次的故障原因是由問題 2 引起的。即當(dāng)請求頭過大時(shí)，超過 large_client_header_buffer 時(shí)，nginx可能返回 Request URI too large (414) 或者 Bad-request(400) 錯(cuò)誤。

當(dāng)Request line的長度大于large_client_header_buffer的一個(gè)buffer(128k)時(shí)，nginx會返回"Request URI too large" (414)錯(cuò)誤，對應(yīng)上面的場景2。

請求頭中最長的一行也要小于large_client_header_buffer，當(dāng)不是Request line的最長行大于一個(gè)buffer(128k)時(shí)，會返回"Bad-request"(400)錯(cuò)誤，對應(yīng)上面的場景1。

臨時(shí)解決辦法

修改 nginx 參數(shù)

主要是調(diào)大以下參數(shù)值：

client_header_buffer_size 512k;
large_client_header_buffers 4 512k;

但是調(diào)大這個(gè)值會出現(xiàn)一個(gè)問題，當(dāng)我的服務(wù)器騰挪數(shù)據(jù)量比較大的時(shí)候，可能又要修改這樣不是一個(gè)辦法，最終的解決辦法就是由 GET 請求方式修改為 POST 請求方式

最終解決辦法

使用 jquery.redirect.js 框架來處理這樣的情況，主要使用到的函數(shù)是 $.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;
   });

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對創(chuàng)新互聯(lián)的支持。

分享名稱：在Js頁面通過POST傳遞參數(shù)跳轉(zhuǎn)到新頁面詳解
轉(zhuǎn)載源于：http://muchs.cn/article22/jpgcjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、網(wǎng)站導(dǎo)航、網(wǎng)站收錄、軟件開發(fā)、App開發(fā)、云服務(wù)器

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容