下面有一个 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() 并以隐藏形式传递用户名,然后在页面加载后立即检索数据库记录。有人可以帮忙解决这个问题吗?谢谢
最佳答案
首先创建一个函数来检索数据。然后您可以简单地使用以下代码在页面加载后进行检索:
window.onload = YourFunction;
附注确保您没有在代码中公开数据库连接!
关于javascript - 在页面加载时检索数据库记录而不是 JavaScript 中的 keyup 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44221555/