Функция Javascript срабатывает на pageload вместо 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, которая срабатывает при событии клика от переднего конца. и вызывает метод в бэкэнд. метод действительно можно назвать, проблема в том, что функция Poll() выполняется при загрузке этого пользовательского элемента управления. как предотвратить преждевременную работу функции?

редактировать:. $ (документ) .ready (функция() { $ ('# btnSign') нажмите (функция() { TID = setInterval (функция() {Poll();}, 1000) ;

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

    }); 
}); 

Я переехал все внутри functiuon, который должен срабатывать, когда кнопка нажата, но линия с PollResponse (вызов) выполняется каждый постбэк в любом случае, может быть, это неправильный способ пойти об этой проблеме,. есть ли более безопасный способ вызова методов конца в пользовательском элементе управления javascript?

Answer 1

Попробуйте использовать

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

В любом случае вы должны использовать инструменты для разработчиков браузера и добавить точку останова в функцию опроса и проверить вкладку «Стек вызовов», чтобы увидеть, откуда она вызывается.

Answer 2

Попробуйте подписаться на кнопку событие так:

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

Answer 3

Написать setTimeInterval этот путь. В противном случае функция запускается в setTimeInterval. Я знаю, что это странно.

function InitiatePolling() { 

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

Update: Проблема заключается в том <%= 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 4

Вы можете использовать setTimeout вместо setInterval. Ниже приведен код, который работает правильно:

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

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

      setTimeout(Poll, 2000); 
     }