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

时间:2017-06-28 08:08:26

标签: javascript jquery html ajax

我希望在第一次调用后重复选中复选框时重复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);
    })  

}   

1 个答案:

答案 0 :(得分:2)

请注意。这个

   setInterval(data_ref_h(),10000);

将立即执行调用,之后不会发生任何事情。 你能尝试一下:

   setInterval(data_ref_h,10000);