仅在页面加载时刷新元素并调用 javascript、jquery、Z2705A83A5A06379CCE5 中的 function

Question

I just want to update the #task div only on page load and when I call it on another function (Like on click a button ). But in my code it is constantly refreshing the div because of setInterval() function.

Here is my Code

 // FETCH ALL TASKS $(function() { $.ajax({ url: '<?php echo base_url()?>alltasks', data: 'get', success: function(data) { $("#tasks").append(data); } }) }); // REFRESH THE TASK AREA EVERY 2S $(setInterval(function() { $('#task').load("<?php echo base_url()?>alltasks"); }, 2000))

Thanks in Advance

Answer 1

HTML

<div id="tasks"></div>
<button onclick="readTasks()">Read Tasks</button>

Javascript

function readTasks(){
    $('#task').load("<?php echo base_url() ?>alltasks");
}

$(document).ready(function(){
    readTasks();
});

Make sure that you load Javascript at the footer.