JavaScript函数在页面加载时触发，而不是onclick触发

Question

<script type="text/javascript">
    var tId;

    $(function() {
        $('#btnSign').click(function() {
            InitiatePolling();
        });
    });

    function InitiatePolling() {

        event.preventDefault();
        tId = setInterval(Poll, 1000);
    }
    function Poll() {
        event.preventDefault();
        var res = <%= PollResponse() %>;
    }
</script>

我正在尝试编写一个JavaScript函数，该函数会在前端的click事件上触发。 并在后端调用一个方法。 该方法的确可以调用，这里的问题是函数Poll（）在加载此用户控件时执行。 如何防止功能过早运行？

编辑：$（document）.ready（function（）{$（'＃btnSign'）。click（function（）{tId = setInterval（function（）{Poll（）;}，1000）;;

        function Poll(){
            var res = <%= PollResponse() %>;
        }

    });
});

我将功能内的所有内容移到了单击按钮时应触发的功能中，但是无论如何，每次回发都会执行带有PollResponse（）调用的行。 也许这是解决此问题的错误方法，是否存在更安全的方法来在用户控件javascript中调用后端方法？

Answer 1

尝试像这样订阅点击事件：

$("body").on("click", "#btnSign", function() {
    InitiatePolling();
});

Answer 2

这样写setTimeInterval。 否则，该函数将在setTimeInterval中执行。 我知道这很奇怪。

function InitiatePolling() {

        event.preventDefault();
        tId = setInterval(function(){Poll();}, 1000);
    }

更新：问题是<%= PollResponse() %>此代码在您的代码中。 <%%>定义在生成页面HTML时将在服务器上执行代码。 如果在浏览器上看到页面的渲染HTML，您将看到它不是res = <%= PollResponse() %>而是res = out put of PollResponse 。

因此，此功能在每次页面加载时执行。

如果要从javascript调用服务器功能，则需要使用ajax。 像这样的东西

function Poll() {
        event.preventDefault();
         $.ajax({
            url : "yourServerUrl/PollResponse",
            success : function(result){ res = result; }
         });        
    }

我不知道进行异步调用的JS版本。 请检查参考中的内容。

Answer 3

您可以尝试使用setTimeout而不是setInterval 。 下面是正确工作的代码：

        $(document).ready(function() {
            $('.btnSign').click(function() {
                Poll();
            });
        });

        function Poll() {
            debugger;            
            var res = '<%= PollResponse() %>';

            setTimeout(Poll, 2000);
        }

Answer 4

尝试使用

$(document).ready(function() {
    $('#btnSign').click(function() {
        InitiatePolling();
    });
});

无论如何，您应该使用浏览器开发人员工具，并在Poll函数中添加一个断点，并检查Call Stack选项卡以查看从何处调用它。