如何以编程方式触发对启用AJAX的表单提交按钮的单击？

我正在尝试以编程方式（使用jQuery）以Drupal形式触发具有AJAX行为的单击按钮，但到目前为止jQuery('#edit-submit').click()没有任何作用。

一个真正的鼠标点击那个按钮按预期工作。有什么想法使它起作用吗？

jQuery('#edit-submit').mousedown() -显然有很大的不同。

实际上，无需猜测。

您应该使用Drupal行为

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

       // Your code goes here....

    }
}

这将使您可以访问设置的ajax属性，

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

       console.log(settings.ajax);

    }
}

根据您的配置，您应该看到触发元素的列表，具有各种属性，例如回调函数的名称，选择器的ID以及触发事件的名称。

然后，您可以使用相关信息来触发事件。

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

创建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形式工作。

您也可以使用.trigger()jQuery方法。$('#element').trigger('click');

就我而言，上面推荐的解决方案对我不起作用，但是提到.mousedown（）导致以下想法对我有用（Drupal 7）：

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

在“ #ajax_prevent ”下的“ Form API参考”中有一些关于“为什么”的有用的背景信息。

通过查看“更好的暴露过滤器”模块，他们通过找到$（。ctools-auto-submit-click'）并触发点击来提交AJAX表单。

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

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

您必须submit在表单上触发事件。Click并且mousedown按钮上的事件不起作用。