Question

我在我的funcs.js＆＃39;中有一个非常简单的jQuery ajax函数。文件：

$('#selecDate').on('DOMSubtreeModified',function(){

  $.ajax({
               type: 'POST',
               url: '/revenue',
               data: {'name' : 'John Doe'},
               success: function(response){
                console.log(response);
                   $('th').text(response);
               },
               error: function(response){
                   console.log(response);
               },
             });
});

这是我的＆＃39; funcs.js＆＃39;提交整个内容。为什么在页面加载时会自动调用此函数，如何避免它？ THX

Answer 1

您在修改DOM时发出请求。因此，在页面加载时，您的DOM被修改并且事件触发。

Answer 2

该处理程序应该位于$（document）.ready（function（）{}）中，因为它是从正在加载的实际DOM中触发的。如果您等到文档准备就绪，那么它只会触发DOM更改，因为我相信您的意图。

$(document).ready(function(){
    $('#selecDate').on('DOMSubtreeModified',function(){
        $.ajax({
            type: 'POST',
            url: '/revenue',
            data: {'name' : 'John Doe'},
            success: function(response){
                         console.log(response);
                         $('th').text(response);
                     },
                     error: function(response){
                         console.log(response);
                     }
        });
    });
});

Answer 3

您可能希望将Mutation Observers视为DOMSubtreeModified is deprecated。

Why is the DOMSubtreeModified event deprecated in DOM level 3?

页面加载时jQuery函数不需要的第一次调用

3 个答案: