按回车键查询

按回车查询想必做过这个功能的人和那懂得的来说应该是简单的。在我做的项目中有一个页面也有这个功能的需求。做完之后感觉虽说是简单但是中间还是找了一下资料，查了这回车查询是如何实现的。我认为还是要记录下的，总结一下还可以加深印象嘛。

先说说主要的查询吧，主要实现就是在预定/登记中输入姓名按回车就可以查询历史的客人或者是黑名单的客人，查询到有就会弹出一个窗口显示一些客人的信息，其它的不多说了直接上代码吧，

   先输入姓名的样式代码中写一个某个键盘按键被按下的方法onkeydown

<input class="fontl form-control form-control-sm col-sm-2 mr-1" type="text" id="GuestName" name="GuestName" onkeydown="KeyDown()" value=" " />

接下来就是写js代码，写这个方法操作点什么内容，这个按回车就能查询的关键的就是判断就完成了，enent对象的键值码是否等于13，如是按到的键是等于13表明是是按到了回车键那么就继续执行请求查询的方法，如果按到的键不是等于13那么就跳出这个方法啊，不执行这个求方法。

获取输入的名字，用post请求方法把这名字传到空制器查询是否有这名字，返回条数如果 不等于零就查询这个客人的历史信息，查询到数据重载一下就表格信息打开模态框。这样子就可以看到客人的历史信息了。这个表单有两个表格所以用两个表格重载方法。

否则如果是等于0就查询黑单列表，返回的数据如果不等于0就回填黑明单的信息打开模态。如果是等于0那么就跳出个这个方法就可以了。

 

 

 

 

 

单表查询客人的姓名，查询是里面的条数返回到视图，

 

查询黑名单列表的信息，查询数据下步作判断，如果查询到的条数是等于0，那么就计算她的条数返回计算到的数，否则如果是不等于0那么表明是查到有黑名单信息的，这样的就要查询到数据封装好才返回到视图，要不然就说返回码不正确。

 

 

 

 

 

查询历史客人运行结果如下图所示

查询黑名单运行结果如下图所示