Ajaxを使って外部HTMLを画面に表示する際にmax_input_varsの制限エラーが出る

Question

前提・実現したいこと

Ajaxを使って外部HTML(smatyで作成したtpl)を画面の特定部分に表示しています。
検索条件を指定してボタン押下→右部分にajaxで取得したhtmlをそのまま表示、といった作りです。

下記のエラーが出ている為解決したいです。

テスト環境ではうまくいっていたのですが本番データが大量のため、
戻りのhtmlがかなり大きいサイズになって戻ってきていますが、やはりそれが原因なのでしょうか？

また、２，３回検索を繰り返した後に出る事が多く
どこかでキャッシュかなにかで膨らんでいるのか？よくわからない状態です。

発生している問題・エラーメッセージ

unknown input variables exceeded 1000. to increase the limit change max_input_vars

該当のソースコード

param1~4は画面で指定された検索条件とお考え下さい。
これらの値にはたいしたものは入っておらず、コード、文字列のようなものです。
何度検索ボタンを押下しても、
長さの条件にひっかかるような大量なデータは入っていないことは確認済です

    $.ajax({
        type: 'GET',
        url: "hogehoge",
        dataType: 'html',
        data: {"param1": param1, "param2": param2, "param3": param3, "param4": param4, "paramText": paramText}
    }).done(function (html) {
　　　　　　　
　　　　　　　// 取得したhtmlを埋め込みたいエリア
            var $testarea = $(".testarea");
            // エリア内クリア
            $testarea .empty();
            // 取得したhtmlを追加
            $testarea .append(html);

    }).fail(function(jqXHR, textStatus, errorThrown) {
　　　　　　//エラー時処理
    }); 

補足情報（FW/ツールのバージョンなど）

1度にPOST出来る数に上限が設けられているようですが、getで取得するhtmlの大きさにも
やはり上限があるのでしょうか？
max_input_varsの初期値を安易に変えるのはちょっと、と思い質問してみました。

Comments

[退会済みユーザー]

Ajax関係なく、php側の問題と思われますが、本番と検証環境のmax_input_varsの値は同一の設定となっていますか？

[ms5025]

max_input_varsの値は同じです。しかしこの値を大きくしたりするのは問題の解決になっていない気がするのでこのサイズを広げたりする解決方法は取りたくない感じです。

Answer 1

とりあえず送ったデータをデベロッパーツールで確認してみてはいかがでしょうか。
なんとなく大量のCOOKIEがあるのではという気がします。

【Chrome デベロッパーツール Networkパネルの使い方 | Web Tips】
http://weback.net/utility/1491/

Comments

[ms5025]

ありがとうございます。確認してみます！
＞大量のCOOKIEがあるのではという気
えー

確認してみます。
戻りの値ではなく、送信の値ということですよね。
何か変なことをしてる可能性があるので調査してみます。
ありがとうございます。

Answer 2

リクエストのパラメーター数が1000を超えているという内容ですね。
それが想定どおりなのであれば、サーバー（PHP）側の設定変更が必要となります。

意図していない内容であれば、どのようなリクエストが送られているか
確認してみてはいかがでしょうか。
ChromeであればデベロッパーツールのNetworkタブから
リクエストの内容が確認できます。

Comments

[ms5025]

もちろん確認しました。
意図したとおりのリクエストしか送られていません。

[take_3306]

なるほど。ではサーバー側でパラメーターの内容を見ることは可能でしょうか。
PHPであれば以下でダンプできます。
```
var_dump($_GET, $_POST);
```
GETで送っているとは思いますが、念のためPOSTの中身も見てみてください。

[ms5025]

ありがとうございます
$_GET
["param1"] => array(3) {
[0] => string(4) "1,10"
[1] => string(4) "1,20"
[2] => string(4) "1,25"
}
["searchText"] => string(12) "けんさくわーど"
["_"] => string(13) "1543897070791"

$_POST
array(0) {
}

になります。
ていうか
["_"] => string(13) "1543897070791"
↑これなんだろう？？

ちょっとわからないんですが、一応想定してるようなものが送信されています。

[退会済みユーザー]

「_」は$.ajaxがキャッシュ避けのために自動的に付加される値となります。$.ajaxのcacheオプションはデフォルトで「false」なので、「_」を付加したくない場合$.ajaxのオプションに「cache:ture」を付加することになります。
が、この場合、ブラウザでキャッシュを参照してしまうことになるので、想定される結果が得られない場合があります。

[ms5025]

ありがとうございます！そうだったのですね！
キャッシュ避けのために自動的に付加される値と初めて知りました。
勉強になりました。

POSTで今の所対応していますが、どこか自分のソースにおかしいところがあるかもしれません
引き続き調査してみます。

Answer 3

input variablesなのでレスポンス（戻り）よりもリクエスト（送信）の方の問題ですね。
GETって結局URLパラメータなので、「URLとして使える最大文字数」に引っかかっているのではと思います。
全角文字列などはパラメータ時はURLエンコードされているものですので、それによって「URLとして使える最大文字数」を超えてしまったのかなあと。

実際に投入されたデータを提示されるともっと具体的な検証やアドバイスが得られるかもしれません。

Comments

[ms5025]

実際に投入されたデータはこのご時世なのでネットにあげるのは難しいのですが、
対して長そうでなくてもエンコードされてばそこそこ長くなるという感じなのでしょうか？

一応POSTにして
キャッシュfalseにしてみるとエラーは出なくなりました。

$.ajax({
type: 'POST',
url: "itemlist",
dataType: 'html',
cache: false,

しかし対応としてこれであっているんでしょうか？？

[m.ts10806]

urlエンコードしてみればわかるかと。
その方法で解決しそうなら
キャッシュの問題はないとは言えないですね。
提示の情報だけでは再現確認とれないのでなんとも言えないのが実際です。
気になるならGETではなくPOSTにされては？

[ms5025]

GETで送った際のurlのパラメータをみてみましたが
「max_input_varsというinput数の上限値」
とあるので
パラメータ上限値が1000ということだとすると余裕で大丈夫なのかな？と思いますが
urlの長さ制限なんかもあるのでしょうか？

[m.ts10806]

URL長についてはあくまで可能性の問題ですね。
別回答のコメントで提示されているように想定していないものがくっついてきているようですし。
(というか別回答のコメントで$_GETの結果を出されてますけど、「ネットにあげるのは難しい」のではなかったんですか？)

[ms5025]

$_GETの結果はもちろんテコ入れしています。
これに関しては
＞param1~4は画面で指定された検索条件とお考え下さい。
＞これらの値にはたいしたものは入っておらず、コード、文字列のようなものです。

で十分雰囲気はつかめるかと思います。
この一文以上のデータということは
もっと具体的なデータの提示かと思いました。

[m.ts10806]

あ、そうです。テコ入れマスクなしの具体的なデータのことでした。
ひとまずこちらで再現確認がとれない以上はそちらでエラーなしで通ったやり方を正とするしかなさそうに思います。