Как заново подгрузить файл с JavaScript при повторном AJAX-рендере одного и того же view-файла, содержащего ссылку на данный JavaScript-файл?

Question

[Василий]

Сделал модальное окно, его содержимое обернул в <div id='modalContent'>. Внутри этого блока реализовал навигацию между тремя страницами (view-файлами):
view1

view2

view3

Переход вперед по страницам сделан при нажатии на элементы (кнопки или выбор элемента из списка), в обратную - с помощью элементов вверху страницы. Для перехода с одной страницы на другую формируется ajax запрос к определенному экшену контроллера, а возвращается renderAjax, которые view-файлом заменяет данные внутри блока <div id='modalContent'>.

В отображаемых view-шках присутствуют скрипты JavaScript, подключенные как непосредственно:

$script = <<< JS
$('.res').click(function(event) {        
    $.ajax({
        type: "GET",
        url: "load-resources?kind_of_res_id="+$(this).data("action"),
        success: function(data) {
            $("#modalContent").html(data)
        }
    })
});
JS;
$this->registerJs($script);

так и в виде файла, вот таким образом:

$this->registerJsFile(
    '/basic_yii/web/scripts/resource/computer.js',
    ['depends'=>'app\assets\AppAsset']
);

Проблема заключается в том, что когда любой view-файл рендерится первый раз, скрипты из подключенного к этой вьюшке файла работают нормально (подключаются GET-запросом через ajax, это видно в отладчике браузера), а если, например, сделать переход Ajax'ом на предыдущий view (ткнуть сверху) и опять загрузить текущий (ткнуть в форму), локальные скрипты работают, а скрипты из файла уже нет (и файл повторно не подгружается, нет GET-запроса, хотя элемент <script> с адресом этого сайта на странице присутствует).

В чем может быть проблема? Как заставить файл подгружаться снова при возврате на страницу?

Answer 1

[Илья Караваев]

Не пытайтесь в Yii2 использовать свои варианты подгрузки динамического контента. Есть же pjax, который сам обо всем позаботится. Почитайте и попробуйте его прикрутить для своей цели.

Comments

[Василий]

pjax закрывает закрывает модально окно, за счет того, что он меняет url. А если убрать смену URL - получится тот же ajax.
Не совсем представляю я, как сделать динамическую навигацию pjax'ом, если честно. Он привязывается к одному action с разными параметрами, а у меня ajax запросы к разным action'ам.

[Илья Караваев]

Василий: Значит вам нужно:
1. Внедрять скрипт в страницу до отправки (самостоятельно, yii2 формирует их отдельным блоком).
2. Передавать ссылку на подгружаемый скрипт и загружать его вручную при помощи JQuery.getScript
3. Подгрузить библиотеку с нужными скриптами при первом получении страницы и правильно повесить обработчики, не $().click(), а $().on('click', ...)

[Василий]

Илья Караваев: Спасибо, так немного понятнее! Можно уточнить, нужно это все сделать одновременно или пробовать по одному, пока не получится?

[Илья Караваев]

Василий: это три разных варианта. :) Если во вьюхе есть скрипт, он выполняется при вставке на страницу. Если вы вторым элементом ответа передаете ссылку на скрипт, его нужно подгрузить. Ну или вы просто пересматриваете подход к обработчикам, как в третьем варианте.

[Василий]

Илья Караваев: понял =)
Первый вариант у меня как-то не получился. Второй пробовал, по-разному, тоже не работал. До третьего не дошел - нашел своё решение =)
За наводку все равно спасибо, отмечу решением, вдруг кому пригодится!

Answer 2

[Василий]

Вопрос решился следующим образом:

<?php
$this->registerJsFile(
    '/basic_yii/web/scripts/resource/computer.js?n=' . uniqid(),
    ['depends'=>'app\assets\AppAsset']
);
?>

До этого пробовал $.ajaxSetup({cache: false});, не помогало. А вышеупомянутый код заставляет файл загружаться в кэш заново, все работает.

Comments

[Илья Караваев]

Попробуйте добраться до третьего решения... Правильная архитектура решает много вопросов заранее. Сам с подобной проблемой боролся раньше, но выключать кэш не выход. Плюс нагрузка на сервер и трафик. Для админки - терпимо, для клиентской части - не стоит.