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

时间:2017-05-27 20:59:11

标签: javascript ajax

我在

下面输入了一个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函数()并以隐藏的形式传递用户名,然后在页面加载后立即检索数据库记录。有人可以帮忙吗?感谢

1 个答案:

答案 0 :(得分:0)

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

CustomerId\|*235*

P.S。确保不要在代码中公开数据库连接!