javascript - 在页面加载时检索数据库记录而不是 JavaScript 中的 keyup 函数

Question

下面有一个 html 表单输入

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

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

$(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 function() 并以隐藏形式传递用户名，然后在页面加载后立即检索数据库记录。有人可以帮忙解决这个问题吗？谢谢

Answer 1

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

window.onload = YourFunction;

附注确保您没有在代码中公开数据库连接!