Как использовать Ajax в October CMS?

Пользователь

от buster , в категории: PHP , 8 месяцев назад

Как использовать Ajax в October CMS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от ella , 8 месяцев назад

@buster 

Для использования Ajax в October CMS вам нужно выполнить следующие шаги:

  1. Создайте контроллер, в котором будет обрабатываться Ajax-запрос. Например, вы можете создать контроллер ajax.htm в папке controllers:


  1. Создайте шаблон для вашего Ajax-контроллера (ajax.htm в папке views/vendor/package/ajax.htm):
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

Отправить Ajax-запрос


    $(document).ready(function(){
        $('#btn').click(function(){
            $.ajax({
                url: '{{ 'ajax' | page }}', // URL-адрес для отправки Ajax-запроса
                type: 'POST',
                data: { // Данные для отправки на сервер
                    _handler: 'onProcess',
                    // Дополнительные данные для обработки запроса
                },
                success: function(data){
                    // Обработка успешного ответа от сервера
                    $('#result').html(data);
                },
                error: function(data){
                    // Обработка ошибки
                }
            });
        });
    });


  1. В вашем макете (layouts/default.htm или другом макете) добавьте следующую строку кода, чтобы добавить подключение для Ajax-скрипта:
1
{% framework extras %}


  1. Создайте маршрут для вашего Ajax-контроллера. Добавьте следующую строку кода в файл routes.php в папке plugin/vendor/package/:
1
Route::any('/ajax', 'VendorPackageControllersAjax@process')->name('ajax');


Теперь, когда вы будете нажимать на кнопку "Отправить Ajax-запрос", будет отправлен запрос на URL-адрес /ajax и будет выполнен метод onProcess вашего Ajax-контроллера. Результат будет отображен в элементе с id result.