Как программно вызвать нажатие на кнопку отправки формы с поддержкой AJAX?

25

Я пытаюсь программно (с помощью jQuery) вызвать нажатие кнопки с поведением AJAX в форме Drupal, но пока jQuery('#edit-submit').click()ничего не делает.

Реальной мыши на этой кнопке работает , как предполагалось. Есть идеи, как заставить это работать?

7 ajax javascript

— Даниил
источник

Если это кнопка # edit-submit, вы не можете просто сделать $ ('form'). Submit ()?

— cam8001

это не сработало для меня тоже. Он либо отправляет форму не AJAX-способом, либо ничего не делает, зависит от некоторых настроек в конструкторе форм.

— Даниил

40

jQuery('#edit-submit').mousedown() - видимо, есть большая разница.

— Даниил
источник

3

у меня не работает

— ram4nd

Это решение сработало для меня. Нажатие на кнопку выполнило вызов ajax, но .click () или его варианты не помогли .mousedown () работает отлично.

— Эрик Гудвин

Я бы не использовал селектор идентификатора на элементах формы. Если форма перестраивается во время обратного вызова AJAX, идентификаторы всех элементов изменятся, и ваш селектор jQuery больше не будет работать.

— Юрий Бабенко

Именно то, что сказал Эрик. Я хотел бы знать, почему есть разница ... серьезно, это, кажется, не имеет смысла.

— Джонатан Элмор

@JohnathanElmore mousedown()- это просто «первая часть» click()события, которое завершается, когда mouseup()происходит. Когда вы нажимаете на ссылку, а затем отпускаете мышь за пределами области ссылки, click()она обычно не срабатывает, и ссылка не переходит. Возможно, вызов ajax предотвращает mouseup()

— запуск

7

На самом деле, не нужно догадываться.

Вы должны использовать Drupal поведения

Drupal.behaviors.yourFunctionName = {
    attach:function (context, settings) {

       // Your code goes here....

    }
}

Это даст вам доступ к свойству ajax настроек,

Drupal.behaviors.yourFunctionName = {
    attach:function (context, settings) {

       console.log(settings.ajax);

    }
}

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

Затем вы можете использовать соответствующую информацию для запуска вашего мероприятия.

// $(selector).trigger(eventName);
// for example...
$('#edit-product-id-15', context ).trigger('change');

— Патрикс
источник

2

Мне нравится этот ответ, потому что он предлагает интересную технику, чтобы узнать, как взаимодействовать с сгенерированными элементами для разработчиков не-Drupal, которые могут работать над проектом Drupal. +1

— Лестер Пибоди

6

Создайте AJAX отправить, как показано ниже.

 $form['button'] = array(
    '#type' => 'button',
    '#value' => 'Click',
    '#ajax' => array(
      'callback' => '_kf_reading_user_points',
      'wrapper' => 'reading-user-points',
      'method' => 'replace',
      'event' => 'click',
    ),
  );

function _kf_reading_user_points(&$form, &$form_state) {
  // Something within the callback function.
}

Тогда событие jquery .click () будет работать в форме drupal ajax.

— Leopathu
источник

— Можете

1

Добавлена функция обратного вызова :)

— Leopathu

3

Вы также можете использовать .trigger()метод jQuery.$('#element').trigger('click');

— BEEBEE
источник

3

В моем случае вышеупомянутые рекомендуемые решения не работали для меня, но упоминание .mousedown () привело к следующей идее, которая работала для меня (Drupal 7):

$('#custom-submit-button').click(function() {
  $('#ajax-submit-button').trigger('mousedown');
});

Есть некоторая полезная справочная информация о том, «почему», это случай в справочнике по API формы под #ajax_prevent

— Дэвид Ньюкерк
источник

Мне не нужна оболочка click (), но ссылка на предотвращение ajax была КЛЮЧОМ!

— Райан Хартман

2

Взглянув на модуль Better Exposed Filters, они отправляют форму AJAX, находя $ (. Ctools-auto-submit-click ') и инициируя щелчок.

<?php
// ... near line 190 of better_exposed_filters.js

// Click the auto submit button.
$(this).parents('form').find('.ctools-auto-submit-click').click();
?>

— user27147
источник

событие клика сработало для меня, а событие mousedown - нет.

— aross

0

Вы должны вызвать submitсобытие в форме. Clickи mousedownсобытия на кнопках не работают.

— Каталин Мотату
источник

Это то, что я попробовал сначала, и, похоже, он работает неправильно. Вот как я сюда попал.

— aross