查询字符串参数重复每个PJAX表单更新 - 414 Request-URI Too Large

Question

这是我的视图中带有PJAX代码的ActiveForm：

<?php Pjax::begin(['enablePushState' => false, 'id' => 'pjax-container']); ?>
...
<?php $form = ActiveForm::begin(['method' => 'POST',], ['options' => ['data-pjax' => true]]); ?>
<?= $form->field($model, 'form_input_1')->dropDownList($items, $params)->label(false); ?>
...
<?php ActiveForm::end(); ?>
...
<?php echo ListView::widget([...]); ?>
...
<?php Pjax::end(); ?>

我用js更新它：

$(document).on('change', 'filter dropdown_list', function(e) {
    $.pjax({
        push: false,
        timeout: 1000,
        url: $('#filter-form').attr('action'),
        container: '#pjax-conteiner',
        data: $('#filter-form').serializeArray(),
    });
});

所以，每个新查询，字符串参数都重复。

查询字符串参数第一次查询后：

_csrf：VXswIzZsAyI2aQ ==

窗体名称[form_input_1]：1

窗体名称[form_input_1]：2

窗体名称[form_input_1]：3

_pjax：＃pjax容器

查询字符串参数第二次查询后：

_csrf：VXswIzZsAyI2aQ ==

窗体名称[form_input_1]：1

窗体名称[form_input_1]：2

窗体名称[form_input_1]：3

_pjax：＃pjax容器

_csrf：VXswIzZsAyI2zZs ==

窗体名称[form_input_1]：2

窗体名称[form_input_1]：3

窗体名称[form_input_1]：4

_pjax：＃pjax容器

例如，在15个查询之后，我有这个错误：414 Request-URI太大

什么是错的，我该如何解决？

Answer 1

我遇到了同样的问题，所以我创建了url clean方法，删除了所有重复的params，留下了最后一个，这是默认的PHP行为。此外，它适用于数组参数，如Booking[status][]=1&Booking[status][]=4。

function removeDuplicateUrlParams(url) {
            var params = new URLSearchParams(url);
            var result = {},
                isArrayKey,
                arrayKey,
                prevArrayKey = '';

            for (var p of params.entries()) {
                isArrayKey = p[0].indexOf('[]', p[0].length - 2) !== -1;
                if (isArrayKey) {
                    arrayKey = p[0].substr(0, p[0].length - 2);
                    if (arrayKey === prevArrayKey) {
                        result[arrayKey].push(p[1]);
                    } else {
                        result[arrayKey] = [p[1]];
                    }
                    prevArrayKey = arrayKey;
                } else {
                    result[p[0]] = p[1];
                    prevArrayKey = '';
                }
            }

            return $.param(result);
        }

var search = removeDuplicateUrlParams(window.location.search);
var url = window.location.origin + window.location.pathname + '?' + search;

$.pjax.reload({
    container:'#pjax-container-id',
    url: url, 
    timeout: 10000
});