javascript - 仅在页面加载时刷新元素并调用 javascript、jquery、ajax 中的函数

Question

我只想#task在页面加载时更新 div 以及在另一个函数（Like on click a button）上调用它时。但在我的代码中，由于功能，它不断刷新 div setInterval()。

这是我的代码

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

        
        

提前致谢

标签： javascriptjqueryajax

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。