Javascript 在joomla中重新加载页面，但保留表单数据

我正在joomla 3中开发一个组件，这是我第一次。此组件用于餐厅的前台预订。我有一个按钮，用户应该从中选择一个日期和时间，以便能够看到可用的办公桌。因此，在选择日期和时间后，我使用一个按钮（seeavail）来显示可用的办公桌。 我的问题是，我不知道如何将输入的数据保存在表单中并重新加载页面。 首先，我尝试使用javascript，如下所示，但beforeunload事件没有发生

jQuery（文档）.ready（函数（）{
jQuery（“#seeavail”）。单击（函数（）{
location.reload（）；
});
jQuery（window）.on（'beforeunload'，function（））{
setItem（“name”，jQuery（“#customername”）.text（）；
警报（“装载前”）；
}); 
jQuery（window）.on（'load'，function（））{
var name=localStorage.getItem（“名称”）；
if（name！==null）jQuery（'#customername'）.text（“abs”）；
警报（“装载”）；
}); 
});我将为此使用内置API。您可能想查看Joomla文档，或者在Joomla stack exchange站点上寻求帮助，我将使用内置API来实现这一点。您可能希望查看Joomla文档或在Joomla stack exchange站点上寻求帮助