为什么在表单 ajax 提交上调用其他 ajax 函数？

Question

我有带有 ajax 提交的 drupal 表单。而且我还有另一个 $.get 函数，它每 2 分钟生成一次 $.get 并将响应插入到 html 元素中。 表单和这个js代码没有联系，他们有不同的任务，分开工作。 但是当提交 ajax 表单时，我在控制台中看到 $.het 函数被一次又一次地调用。 我不确定这是否正常。如何预防？

我的表格：

function example_my_form($form, &$form_state)
{

    $form['text'] = array(
        '#title' => t('Text'),
        '#type' => 'textarea',
        '#rows' => 5,
        '#default_value' => '',
        '#attributes' => array(
            'class' => array('form-control'),
            'placeholder' => drupal_strtolower(t('text'))
        ),
    );


    $form['submit'] = array(
        '#type' => 'submit',
        '#value' => 'Send',
        '#ajax' => array(
            'callback' => 'example_my_callback',
            'wrapper' => 'example_my_form',
            'method' => 'replace',
        )
    );


    return $form;

}

function example_my_callback(&$form, &$form_state) {
    return $form;
}

function example_my_form_submit(&$form, &$form_state) {
    /**
     * do something
     */
}

我的js函数：

    (function ($) {
        Drupal.behaviors.NoteRemind = {
            attach: function (context, settings) {
                function myFunction() {

                    var uid = Drupal.settings.MyModule.owneruid[0];
                    var note = document.getElementsByClassName('notecontainer')[0];
                    $.get('/rest/api/notes/' + uid, function (response, status, http) {
                        processNote(response);
                    }, 'json');

                    function processNote(response) {
                        var parsedData = JSON.parse(response);
                        console.log(parsedData);
                        /**
                         * add parsed data to html element
                         */
                    }

                };


                myFunction();
                setInterval(function () {
                    myFunction();
                }, 120000);

            }
        };
    }(jQuery));

Answer 1

Drupal 行为在页面加载和每个 ajax 响应时调用。
这是设计使然。
发送到行为函数的 context 变量的值在首次加载时是 document，或者是在发出 ajax 请求时 ajax 收到的值。
因此，如果您只想在页面上应用一次 setInterval，您可以检查上下文变量是否为文档，或者设置您自己的变量来跟踪是否应用了 setInterval。

例如。检查上下文：

if (context === document) {
  myFunction();
  setInterval(function () {
    myFunction();
  }, 120000);
}

例如。设置你自己的变量：

if (typeof document.setAdded === 'undefined' || !document.setAdded) {
  myFunction();
  setInterval(function () {
    myFunction();
  }, 120000);
  document.setAdded = TRUE;
}

我不知道为什么你有额外的功能，我很确定你可以做到..

setInterval(myFunction, 120000);