Как отключить pjax на время выполнения ajax запроса?

Question

[Даниил Чашков]

Реализовал переход по страницам с помощью pjax, но столкнулся с проблемой. На главной странице выполняется запрос

axios.get('/getcategories').then((response) => {
	this.categories = response.data;
});

И в результате выдает ошибку 500
Как отключить pjax на время выполнения ajax запроса?

Answer 1

[Максим Тимофеев]

Реализовал переход по страницам с помощью pjax

зачем?

Как отключить pjax

а чего Вы решили, что он мешает? Я так понимаю проблема не в самом pjax а в том, что Вы его запускаете при любом чихе на сайте.

И в результате выдает ошибку 500

совершенно не очевидно, что ошибка как-то связана с pjax

у pjax куча событий, например pjax:beforeSend , так что без проблем там делаете задержки, какие хотите.

Comments

[Даниил Чашков]

Реализовал, чтобы по страницам переходить без перезагрузки

[Даниил Чашков]

Подскажите тогда, как его не использовать при каждом чихе, как его использовать только при переходах, чтобы axios выполнялся без него, и желательно какую-нибудь литературу по таким темам?

[Максим Тимофеев]

Даниил Чашков, обычно pjax запускают не по всем ссылкам, а например по тем, что имеют data-pjax или другой признак. С axios не работал, но в теории он не важен. Ему просто мешает pjax

[Даниил Чашков]

Максим Тимофеев, вот тоже гуглил, тоже видел, что data-pjax стоит, но не нашел как это делают, подскажите как сделать во VUE так, чтобы он (PJAX) запускался, где есть data-pjax

[Максим Тимофеев]

1. если есть vue - то зачем тянуть jquery и его плагины? И если использовать jquery то зачем использовать vue?
2. Все про pjax есть тут: https://github.com/defunkt/jquery-pjax, а вот прямо цитата от туда:

$(document).pjax('[data-pjax] a, a[data-pjax]', '#pjax-container')

3. Формулировка "как сделать во VUE так, чтобы он (PJAX) запускался" лишена смысла. К его работе vue не имеет никакого отношения, это jquery плагин.
4. Есть https://www.npmjs.com/package/vue-pjax не юзал, но вероятно это аналог, но без зависимости от jquery

[Даниил Чашков]

Максим Тимофеев, я и использую без зависимости от jquery, vue-pjax-adaptet, там смесь vue-pjax and pjax-laravel. Я и хочу узнать как настроить так, чтобы бы pjax запускался только у определенных ссылок

[Максим Тимофеев]

Даниил Чашков, я первый раз слышу про эту приблуду, но за 15 секунд нахожу https://github.com/riverskies/vue-pjax-adapter и там еще за 5 нахожу

Should you have any links you want to disable the PJAX behaviour for, you can do so in two ways: by adding the data-no-pjax attribute or by adding the no-pjax class.

Читайте документацию к тем технологиям, которые используете.

[Даниил Чашков]

Максим Тимофеев, Я это читал, но тут отключает ссылки от слежки pjax, а не добавляет. У меня выполняется запрос вместе с загрузкой страницы, и pjax туда лезет. Скорее всего, он мешает запросу. Я и спрашиваю как отключить его на время выполнения запроса, чтобы он не лез туда

[Максим Тимофеев]

тут отключает ссылки от слежки pjax, а не добавляет

стакан наполовину пуст или на половину полон?

У меня выполняется запрос вместе с загрузкой страницы, и pjax туда лезет.

Не должен

[Даниил Чашков]

Максим Тимофеев, есть метод mounted(), так вот там идет запрос в контроллер, который возвращает категории, но если подключить pjax, возвращает 500 err, если отключаю все хорошо. Теперь думаю, отключить pjax и попробовать самому сделать переход по страницам без перезагрузки