AJAX в Битрикс, как его использовать?

Question

[efilatus]

BX.AJAX - спустя пол дня изучения этой темы понял, что не до конца понимаю его работу.

Понял:

1. у некоторых компонентов и модулей будет собственные ajax которые можно запрашивать с помощью BX.ajax.runComponentAction
   
2. так же можно в своем компоненте и модуле создавать ajax классы и вызывать тем же методом
   
3. файлы нужно создавать в корне компонента/модуля под именем class/ajax, а методы называть с припиской Action
   

Не понял:

1. как создать свои ajax запросы для существующих компонентов, что бы не залезать в папку bitrix и делать это в папке local (и возможно ли это)
   
2. что лучше использовать BX.ajax или $.ajax, есть ли между ними особая разница
   
3. использование ajax вне компонента/модуля, как это проворачивать, просто создавать файл php с методами и данными, которые мне нужно получить, или это делается как-то по особенному (хочу понять как делают профессионалы)
   

Так же есть пример задачи, которую мне надо решить с помощью ajax и если было бы не затруднительно немного описать как его можно было бы решить:
При добавлении в корзину товара, надо отлавливать эту отправку (скажем сделал) и обновлять число (количество) товаров на шапке сайта, что бы человек заранее видел сколько у него товаров

Comments

[PetrPo]

как создать свои ajax запросы для существующих компонентов, что бы не залезать в папку bitrix и делать это в папке local (и возможно ли это)

Смотря что надо, если надо полностью обновить компонент, то я делаю по аналогии с битриксовым компонентом catalog.section
- в шаблоне создаю файл ajax.php аналогичный /bitrix/components/bitrix/catalog.section/ajax.php
- в script.js пишу ajax, пример также можно посмотреть в /bitrix/components/bitrix/catalog.section/templates/bootstrp_v4/script.js функция sendRequest с вызовом BX.ajax в который передается путь к файлу ajax.php
- в template.php есть инициализация объекта, в данном случае new JCCatalogSectionComponent, в который передается путь к компоненту

componentPath: '<?=CUtil::JSEscape($componentPath)?>',

, в твоем случае это будет

templatePath: '<?=CUtil::JSEscape($this->getFolder())?>',

- здесь же в template.php есть пример с передачей сериализованных параметров для вызова компонента в файле ajax.php, внизу смотри $signedParams

что лучше использовать BX.ajax или $.ajax, есть ли между ними особая разница

принципиально это обертка над xhr, но разница понятное дело есть, обе функции документированы, тут тебе надо самому разобраться.
Если выбирать именно из BX и jQuery, то я всегда использую BX, т.к. jQuery практически никогда не использую.

использование ajax вне компонента/модуля, как это проворачивать, просто создавать файл php с методами и данными, которые мне нужно получить, или это делается как-то по особенному (хочу понять как делают профессионалы)

на этот вопрос не могу дать однозначный ответ, многое зависит от того что ты разрабатываешь (модуль, компонент, шаблон компонента, шаблон сайта):
- BX.ajax.runAction и BX.ajax.runComponentAction, который ты указал вначале
- кто-то складывает файлы в папку bitrix/tools (если модуль пишешь)
- кто-то делает в корне сайта папку ajax
- кто-то в шаблоне.
Как-то js extension писал и положил php файлик прямо в него (т.е. в bitrix/js/мой_экстенш/ajax)

Этот вопрос, разработчик, т.е. ты, должен сам решить))

При добавлении в корзину товара, надо отлавливать эту отправку (скажем сделал) и обновлять число (количество) товаров на шапке сайта, что бы человек заранее видел сколько у него товаров

Этот функционал работает из коробки.
- в компонентах catalog.section и catalog.element есть js событие на изменение корзины OnBasketChange
- в компоненте sale.basket.basket.line шаблон bootstrap_v4 файл script.js есть пример

BX.addCustomEvent(window, 'OnBasketChange', this.closure('refreshCart', {}));