Як використовувати AJAX-запити в Magento

AJAX (Asynchronous JavaScript And XML — Асинхронний JavaScript та XML) – це вже досить застаріла, але дуже популярна технологія у Веб, яка дозволяє отримувати інформацію з сервера, не перезавантажуючи всю сторінку (а оновлюючи лише потрібні блоки сайту).

В цьому уроці ми розглянемо практичне використання технології AJAX у вашому власному модулі, який розроблений для CMS Magento.

 

 

Практика

1) Створіть контролер у своєму модулі за наступною адресою, для прикладу:

Namespace/ModuleName/controllers/AjaxController.php

або ж створіть новий action (дію) у вже існуючому контролері.

 

2) Щоб створити дію у контролері, наприклад indexAction(), додайте цей код у файл контролера:

 

public function indexAction() {
  $this->loadLayout();
  $this->renderLayout();
}

 

3) Потім додайте у файл оновлення макету в темі, наприклад

app/design/frontend/ThemePackage/Theme/layout/ajax-layout.xml

такий код:

 

<modulename_ajax_index>
  <block type="modulename/block" name="root" template="path/to/template.phtml" />
</modulename_ajax_index>

 

де нод modulename – це маршрутизатор фронтенду, ajax – це назва контролера, а index – назва дії контролера

 

4) Після цього додайте оновлення макету у файлі config.xml в папці etc модуля:

 

<layout>
  <updates>
    <modulename>
      <file>ajax-layout.xml</file>
    </modulename>
  </updates>
</layout>

 

5) Після цього очистіть кеш і ви будете мати доступ до екземпляру класу Block з файлу-шаблону template.phtml

 

6) І, нарешті, щоб протестувати гарну роботу, викликаємо Ajax контролер з шаблону за допомогою простого JavaScript, наприклад:

 

xmlhttp.open("GET","/modulename/ajax/index/test/"+value,true);

 

або ж за допомогою бібліотеки jQuery:

 

jQuery.ajax({
  url: "<?php echo $this->getUrl('modulename/ajax/index'); ?>",
  type: "POST",
  data: "size="+jQuery(this).val(),
  success: function(data) {
   jQuery('#results').html(data);
  }
});

 

 

Recent Posts

Мати Тереза

Якщо молитва – це твоє звернення до Бога, то інтуїція – це розмова Бога з… Read More

17/02/2021

Особливості маркування косметики

Косметична продукція – товари, що належать до особливої ​​категорії. Упаковка повинна відповідати ряду вимог. Важливо,… Read More

16/02/2021

Основні компоненти системи розсувних дверей (купе)

Розсувні двері купе – це стильний і сучасний спосіб додати індивідуальності вашому будинку. Вони не… Read More

12/02/2021

Дивовижні місця України для відпочинку душею і тілом

Україну можна сміливо назвати не тільки однією з найстаріших країн в Європі, але і однією… Read More

05/02/2021

Покращуємо показники Core Web Vitals – основний тренд SEO в 2021 році

Раніше ми писали про те, що таке Основні веб-показники (по-англійськи Core Web Vitals) в інструменті… Read More

30/01/2021

Відповіді на найпоширеніші питання про жорсткі диски для ноутбуків

Не всі жорсткі диски однакові, і коли ви купуєте новий ноутбук, на вибір у вас… Read More

29/01/2021