Как активировать существующий Ajax, не являющийся формой, из события JavaScript

11
j.h. 2017-03-04 12:28.

Я пытаюсь понять AJAX в Drupal 8.

У меня есть настраиваемый модуль, который работает, используя AJAX для изменения содержимого div при нажатии ссылки.

API говорит:

Ответы Ajax могут вызывать множество различных событий, в том числе:

Нажатие кнопки Нажатие клавиши Перемещение мыши

Как запустить тот же процесс, что и AJAX Drupal, когда вместо этого вызывается функция из события объекта JavaScript?

Объект JavaScript

function calledOnSomeEvent(e) {
  String data = e.target.data;
  // do something to call AJAX with the data
}

Бэкэнд AJAX работает с этим маршрутом:

myModule.routing.yml

myModule.myRoute:
  path: '/nojs/myFunction/{myParameter}'
  defaults:
    _controller: '\Drupal\myModule\MyController::myFunctionCallback'
    _title: 'myFunction'
  requirements:
    _permission: 'access content'

HTML

<a href="nojs/myFunction/testData" class="use-ajax">Click for testData!</a>

Насколько я понимаю, Drupal вводит какое-то событие, когда щелкают по этой ссылке или просто меняют URL-адрес, а контроллер активируется только при изменении этого URL-адреса.

JavaScript

(function($, Drupal) { Drupal.AjaxCommands.prototype.myFunction = function(ajax, response, status){ $('#targetDiv').html(response.data);
  }

})(jQuery, Drupal);

Я пропустил PHP-код для контроллера, который создает команду. Команда отображает вывод в Drupal.AjaxCommands.prototype.myFunction, который обновляет div.

Является ли XMLHttpRequest единственным способом заставить JavaScript взаимодействовать с маршрутом / PHP? Если да, то какой путь следует использовать?

Я думаю, что может быть способ взаимодействия JavaScript с обработчиком AJAX Drupal для вызова той же функции, что и нажатие на ссылку, измененную с помощью "use-ajax", поскольку это каким-то образом обрабатывается ...

Любое понимание будет оценено.

Спасибо!

8 javascript routes ajax

1 answers

14
4k4 2017-03-04 23:35.

Если вы не хотите использовать jaxify ссылку с помощью «use-ajax» и программно запускать запрос Ajax, используйте:

Drupal.ajax({url: endpoint}).execute();

Это создает объект Ajax с конечной точкой в ​​качестве URL-адреса и выполняет его.

Дополнительные параметры вы найдете в комментариях к Drupal.ajaxajax.js:

/**
   * Provides Ajax page updating via jQuery $.ajax. * * This function is designed to improve developer experience by wrapping the * initialization of {@link Drupal.Ajax} objects and storing all created * objects in the {@link Drupal.ajax.instances} array. * * @example * Drupal.behaviors.myCustomAJAXStuff = { * attach: function (context, settings) { * * var ajaxSettings = { * url: 'my/url/path', * // If the old version of Drupal.ajax() needs to be used those * // properties can be added * base: 'myBase', * element: $(context).find('.someElement')
   *     };
   *
   *     var myAjaxObject = Drupal.ajax(ajaxSettings);
   *
   *     // Declare a new Ajax command specifically for this Ajax object.
   *     myAjaxObject.commands.insert = function (ajax, response, status) {
   *       $('#my-wrapper').append(response.data);
   *       alert('New content was appended to #my-wrapper');
   *     };
   *
   *     // This command will remove this Ajax object from the page.
   *     myAjaxObject.commands.destroyObject = function (ajax, response, status) {
   *       Drupal.ajax.instances[this.instanceIndex] = null;
   *     };
   *
   *     // Programmatically trigger the Ajax request.
   *     myAjaxObject.execute();
   *   }
   * };
   *
   * @param {object} settings
   *   The settings object passed to {@link Drupal.Ajax} constructor.
   * @param {string} [settings.base]
   *   Base is passed to {@link Drupal.Ajax} constructor as the 'base'
   *   parameter.
   * @param {HTMLElement} [settings.element]
   *   Element parameter of {@link Drupal.Ajax} constructor, element on which
   *   event listeners will be bound.
   *
   * @return {Drupal.Ajax}
   *   The created Ajax object.
   *
   * @see Drupal.AjaxCommands
   */
  Drupal.ajax = function (settings) {

Ваш второй вопрос: XMLHttpRequest - единственный способ заставить JavaScript взаимодействовать с маршрутом / PHP? Если да, то какой путь следует использовать?

Вы можете использовать обычный не drupal jQuery.ajax(), тогда у вас нет ограничений для формата, вы можете использовать json (который Drupal использует для своего собственного ajax) или любой другой формат. Вы можете настроить маршрут для произвольного пути и использовать его в $ .ajax ().

Japanese Spanish German French Thai Portuguese Russian Vietnamese Italian Korean Turkish Indonesian Polish Hindi

Related questions

MORE COOL STUFF

Звезда HGTV Кристина Холл рассказывает, что у нее «отравление ртутью и свинцом», вероятно, из-за переворачивания «валовых домов»

Звезда HGTV Кристина Холл рассказывает, что у нее «отравление ртутью и свинцом», вероятно, из-за переворачивания «валовых домов»

Звезда HGTV Кристина Холл рассказывает, что у нее диагностировали отравление ртутью и свинцом, вероятно, из-за того, что она работала подсобником.

2022-12-22.

Принц Гарри — «человек, полностью одурманенный» «дышащей» Меган Маркл, говорит эксперт по языку тела

Принц Гарри — «человек, полностью одурманенный» «дышащей» Меган Маркл, говорит эксперт по языку тела

Узнайте, какие признаки, по словам эксперта по языку тела, свидетельствуют о том, что принц Гарри «одурманен» Меган Маркл, которая может «управлять всем шоу».

2022-12-10.

Вайнонна Джадд поняла, что теперь она матриарх семьи Джадд в момент панического праздника

Вайнонна Джадд поняла, что теперь она матриарх семьи Джадд в момент панического праздника

Узнайте, как Вайнона Джадд поняла, что теперь она является главой семьи, во время проведения первого празднования Дня Благодарения после смерти ее мамы Наоми Джадд.

2022-12-09.

Рецензия на фильм «Империя света»: драматические проекты Сэма Мендеса Тусклая романтика

Рецензия на фильм «Империя света»: драматические проекты Сэма Мендеса Тусклая романтика

«Империя света» предлагает красивую операторскую работу и замечательную игру, но кажется, что она слишком надуманная.

2022-12-05.

Насколько глубок океан?

Насколько глубок океан?

Океан настолько глубок, что посрамляет высоту горы Эверест.

2022-12-15.

The Secrets of Airline Travel Quiz

The Secrets of Airline Travel Quiz

Air travel is far more than getting from point A to point B safely. How much do you know about the million little details that go into flying on airplanes?

2022-09-02.

Where in the World Are You? Take our GeoGuesser Quiz

Where in the World Are You? Take our GeoGuesser Quiz

The world is a huge place, yet some GeoGuessr players know locations in mere seconds. Are you one of GeoGuessr's gifted elite? Take our quiz to find out!

2022-07-29.

5 причин, почему «следовать своей страсти» может быть проблематично

5 причин, почему «следовать своей страсти» может быть проблематично

Мы все слышали карьерный совет: «Следуй своей страсти». Это блеск или койка?

2022-06-30.

Бросание рыси индейки, неделя 5: снимите нижнее белье

Бросание рыси индейки, неделя 5: снимите нижнее белье

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

2023-04-01 06:02.

30-минутная процедура йоги, которую вы можете выполнять где угодно, без специального оборудования

30-минутная процедура йоги, которую вы можете выполнять где угодно, без специального оборудования

Тренироваться, когда у вас мало места для передвижения или какое-либо оборудование для упражнений, может быть непросто, но вот рутина йоги, которую вы можете выполнять практически в любом месте без какого-либо специального оборудования: живете ли вы в ограниченном пространстве или путешествуете и застряв в гостиничном номере, этот получасовой распорядок поможет вам размяться и расслабиться.

2023-04-01 06:02.

Прекрасный Вандертин Америки, Кристиан Пулишич, только что пробежал через Реал Мадрид

Прекрасный Вандертин Америки, Кристиан Пулишич, только что пробежал через Реал Мадрид

Фото: Мартин Мейснер / AP «Боруссия Дортмунд», одна из лучших футбольных команд мира, сегодня в матче Лиги чемпионов проиграла «Реалу», самой известной спортивной команде планеты. Пытаясь изменить правила игры, они обратились к чертову американскому ребенку, 18-летнему Кристиану Пулишичу, чтобы спасти положение.

2023-04-01 05:59.

Вот еще одна причина не поддерживать пограничную стену Трампа

Вот еще одна причина не поддерживать пограничную стену Трампа

Фото: Джеральд Герберт / AP. Есть ряд причин, по которым предложение Дональда Трампа построить стену на американо-мексиканской границе выглядит глупо, в первую очередь потому, что никто не хочет финансировать столь безумно дорогостоящую операцию. Однако ученые представили еще одну причину, по которой план пограничной стены был бы ужасным, и это касается не только людей, которым, возможно, придется платить или не платить за него, если Трамп будет избран.

2023-04-01 05:55.

Американское фигурное катание «разочаровано» отсутствием окончательного решения в командном зачете и призывает к справедливому решению

Американское фигурное катание «разочаровано» отсутствием окончательного решения в командном зачете и призывает к справедливому решению

Команда ждет медалей, завоеванных на зимних Олимпийских играх 2022 года в Пекине, пока выясняется дело о допинге в отношении российской фигуристки Камилы Валиевой.

2023-02-03.

Покупатели Amazon говорят, что они спят «как избалованные младенцы» благодаря этим шелковым наволочкам, которые стоят всего 10 долларов

Покупатели Amazon говорят, что они спят «как избалованные младенцы» благодаря этим шелковым наволочкам, которые стоят всего 10 долларов

Тысячи покупателей на Amazon рекомендуют шелковую наволочку Mulberry, и она уже поступила в продажу. Шелковая наволочка представлена ​​в нескольких цветах и ​​помогает сохранить мягкость волос и чистоту кожи. Покупайте шелковые наволочки со скидкой до 46% на Amazon.

2023-02-03.

Bengals Running Back Джо Миксон разыскивается по ордеру на арест, выданному за якобы направленное огнестрельное оружие на женщину

Bengals Running Back Джо Миксон разыскивается по ордеру на арест, выданному за якобы направленное огнестрельное оружие на женщину

Жалоба о проступке с отягчающими обстоятельствами была подана против Джо Миксона в четверг.

2023-02-03.

Профессор Университета Пердью арестован за торговлю метамфетамином и предложение женщинам сексуальных услуг

Профессор Университета Пердью арестован за торговлю метамфетамином и предложение женщинам сексуальных услуг

Полицейское управление Лафайета начало расследование в отношении профессора Университета Пердью в декабре после получения нескольких жалоб на «подозрительный мужчина, приближающийся к женщинам».

2023-02-03.

Concept Drift: мир меняется слишком быстро для ИИ

Concept Drift: мир меняется слишком быстро для ИИ

Как и мир вокруг нас, язык постоянно меняется. Если в предыдущие эпохи языковые изменения происходили годами или даже десятилетиями, то теперь это может произойти в течение нескольких дней или даже часов.

Как сделать селф медиа

Как сделать селф медиа

Многие думают, что писать/делать самостоятельные медиа могут только люди, которые хорошо или очень хорошо пишут. Не имейте ошибочной идеи, что «каждый будет делать то, что хочу я», это действительно неправильно! Однажды я видел видео в Интернете, рассказывающее, как открыть документ Word, как начать им пользоваться, как настроить шрифт, размер шрифта и как его сохранить.

Меррик Гарланд подвел Америку?

Прошло больше половины президентского срока Байдена. Чего ждет Меррик Гарланд?

Меррик Гарланд подвел Америку?

Я верю, хоть и слишком поздно в жизни, в то, чтобы давать людям шансы. Щедро.

Хороший и злой: 2022

Хороший и злой: 2022

Я больше не понимаю. Кажется почти невозможным правильно оценить, что является «хитом».

Language

Japanese
Spanish
German
French
Thai
Portuguese
Russian
Vietnamese
Italian
Korean
Turkish
Indonesian
Polish
Hindi