javascript - 如何在第一次使用复选框调用后重复 ajax 调用

Question

选中复选框后，我想在第一次调用后重复 Ajax 调用。选中复选框时调用成功，但之后不再重复。

这是我的代码:

HTML

<label><input type="checkbox" id="data_ref" name="data_ref" value="1">Data Referensi</label>

Javascript

$(document).ready(function() {
    $("#data_ref").change(function(event) {
        setInterval(data_ref_h(), 10000);
    });
});

function data_ref_h() {
    var formData = {
        'url': $('input[name=url]').val(),
        'nm_db': $('input[name=nm_db]').val(),
        'user_db': $('input[name=user_db]').val(),
        'port_db': $('input[name=port_db]').val(),
        'pass_db': $('input[name=pass_db]').val()
    };

    $.ajax({
        type: 'GET',
        url: '<?=base_url()?>cek/cek_ref',
        data: formData,
        dataType: 'json',
        encode: true
    }).done(function(data) {
        console.log(data);
    })  

}   

Answer 1

只是一个注释。这个

   setInterval(data_ref_h(),10000);

将立即执行调用，之后什么也不会发生。你能试试吗:

   setInterval(data_ref_h,10000);