在页面加载中检索数据库记录而不是在Javascript中的键盘功能

Question

我在下面有一个html表单输入

<input type="text" id="username" value="">

当我输入用户名例如。 约翰并按下回车按钮，它使用下面的脚本检索数据库记录

$(function(){
    //var socket = io.connect( 'http://'+window.location.hostname+':3000' );

    $('#username').on('keyup',function(e){
        var $this = $(this);
        if(e.which === 13){

            var name = $this.val();
            socket.emit('new user', name, function(response){
                if(response){
                    localStorage.setItem('username',name);
                    $this.val('');
                    $('#userinfo').hide();
                    $('#chat-body').fadeIn();                   
                    loadMessages(); //retrieve messages from Database
                } else{
                    $('.validation').text('Username taken!').fadeIn();
                }

            });
    }
    });

    function loadMessages(){
        $.post('process.php',{method:'retrieve'},function(response){
            $.each(JSON.parse(response),function(i,v){              
                $('.messages').append('<li><div class="msg-lhs"><span class="username">'+v.name+'</span> : <span class="msg">'+v.message+'</span></div><span data-livestamp="'+v.created_at+'" class="msg-rhs"></span></li>');
            });
            $('.messages').animate({scrollTop: $('.messages').prop("scrollHeight")}, 500);
        });
    }


});

现在我想要的是消除keyup函数（）并以隐藏的形式传递用户名，然后在页面加载后立即检索数据库记录。 有人可以帮忙吗？ 谢谢

Answer 1

首先创建一个检索数据的函数。 然后您可以在加载页面后使用以下代码进行检索：

window.onload = YourFunction;

PS确保您没有在代码中公开数据库连接！