javascript - 为什么在表单 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，您可以检查上下文变量是否为 document，或者设置您自己的变量来跟踪 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);