Question

I can’t figure out why its says ajaxcall() doesn’t exist, but the
$('button').click(function(){
ajaxcall();
}); works just fine

var nameid = 1;
$(document).ready(function(){
    $('button').click(function(){
            ajaxcall();
        });
    function ajaxcall(){
        $.get('mysqlquery.php?id='+nameid, function(data){
            $('#loadbox').append(data+'  ');
        });
        nameid++; 

    }
    setInterval("ajaxcall",1000);
});

Please help me understand why, I think it has to do with scope But I’m stumped. (may be time for a break)

Answer 1

Define the function outside of document.ready, and use the overload of setInterval that takes a function reference:

var nameid = 1;

function ajaxcall() {
    $.get('mysqlquery.php?id='+nameid, function(data){
        $('#loadbox').append(data+'  ');
    });
    nameid++; 
}

$(document).ready(function(){
    $('button').click(function(){
            ajaxcall();
        });
    setInterval(ajaxcall,1000);
});