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

Question

我只想在页面加载时更新#task div，当我在另一个 function 上调用它时（就像on click a button一样）。 但是在我的代码中，由于setInterval() function，它会不断刷新 div。

这是我的代码

 // 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))

提前致谢

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();
});

确保在页脚加载 Javascript。