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 Too Large

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

Answer 1

我遇到了同样的问题，所以我做了url clean方法，它删除了所有重复的参数，剩下了最后一个，这是默认的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
});

Answer 2

将“替换”参数设置为false可以避免这种情况。

$。pjax.reload（{ 容器：“＃my-pjax-div”，替换：错误 }）;

请参阅文档here

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

2 个答案: