Drupal 8 Mailchimp Ajaxサインアップブロック

Question

私はDrupal 8 Mailchimp SignUp Blockをajaxifyしようとしましたが、私はAjaxResponseで立ち往生しました。

function mailchimp_ajax_form_form_alter(&$form, \Drupal\Core\Form\FormStateInterface &$form_state, $form_id) { 

    if ($form_id != 'mailchimp_signup_subscribe_block_form') { 
    return; 
    } 
    $form['submit']['#ajax'] = [ 
    'callback' => 'mailchimp_ajax_form_callback', 
    'prevent' => 'click', 
    'progress' => array(
     'type' => 'throbber', 
     'message' => t('Submitting data...') 
    ) 
    ]; 

} 

これは私のコールバック関数です：

function mailchimp_ajax_form_callback(array &$form, \Drupal\Core\Form\FormStateInterface $form_state) { 


    $response = new \Drupal\Core\Ajax\AjaxResponse(); 

    $response->setContent('Response'); 
    return $response; 
} 

しかし、クロームコンソールでのみエラーがあります：

これは私のフォームは、フックを変えている

Uncaught AjaxError: 
An AJAX HTTP error occurred. 
HTTP Result Code: 200 
Debugging information follows. 
Path: /node?ajax_form=1 
StatusText: OK 
ResponseText: Response 

申し込み私の質問はどのように私はmailchimp応答を取得し、有効なAjaxResponseに入れることができますか？

Answer 1

私の「作業」ソリューションは今です。

/** 
* Implements hook_form_FORM_ID_alter() 
* 
* @param \Drupal\mailchimp_signup\Form\MailchimpSignupPageForm $form 
* @param \Drupal\Core\Form\FormStateInterface     $form_state 
* @param              $form_id 
*/ 
function mailchimp_ajax_form_form_alter(&$form, \Drupal\Core\Form\FormStateInterface &$form_state, $form_id) { 

    if ($form_id != 'mailchimp_signup_subscribe_block_form') { 
    return; 
    } 
    $form['submit']['#ajax'] = [ 
    'callback' => 'mailchimp_ajax_form_callback', 
    'prevent' => 'click', 
    'progress' => array(
     'type' => 'throbber', 
     'message' => t('Submitting data...') 
    ) 
    ]; 

} 

これはAjaxのコールバックです：

私はdrupal_get_messages()経由で新しいAjaxResponseオブジェクトとDrupalのメッセージの配列を作成します。次に、適切なメッセージを得るための何らかの種類のハック。

を追加し、ReplaceCommandオブジェクトを追加して、フォームをMailchimpメッセージに置き換えます。

function mailchimp_ajax_form_callback(array &$form, \Drupal\Core\Form\FormStateInterface $form_state) { 


    $response = new \Drupal\Core\Ajax\AjaxResponse(); 

    $messages = drupal_get_messages(); 

    $message = $messages['status'][0]; 

    if(!$message){ 
    $message = $messages['warning'][0]; 
    } 

    $response->addCommand(new \Drupal\Core\Ajax\ReplaceCommand('#mailchimp-signup-subscribe-block-form', $message)); 

    return $response; 
} 

私はこれを得るためにはるかにエレガントな方法があると思います。 私は依然としてsubmitForm Mailchimpフォームのメソッドがまだ呼び出されている理由をまだ知りません...

Answer 2

最初に、AjaxResponseオブジェクトのsetData()メソッドはsetContent()ではありません。

Drupalモジュールを使用してmailchimpに実際に加入するには、メインのmailchimpモジュールでmailchimp_subscribe()関数を使用できます。

は、フォームブロックを変更AJAXコールバック関数を追加し、クリックを防止し、いくつかのAJAX進捗の可視化を追加します。