根据用户的选择在客户端显示数据

Question

我对这方面的发展很新，所以请耐心等待。

我正在尝试建立一个网站，用户可以从下拉菜单中选择他们的选项，并能够看到结果。为此，我创建了一个节点js app，我正在查询一个sqlite数据库。

我不确定如何根据用户选择在客户端显示数据。任何机构都可以向我展示如何实现这一目标。

Answer 1

我们有几种方法可以做到这一点。什么将带来更好的用户体验是使用AJAX向服务器询问一些数据，在客户端上获取该数据，然后修改DOM以显示此数据。工作流程如下：

1. 用户选择选项
2. 我们根据该选项向服务器发出AJAX请求
3. 我们收到服务器的回复
4. 我们修改DOM以反映此新数据

要实现这一点，您需要：

• 为select元素的onchange事件注册事件处理程序。
• 向您的node.js服务器发出AJAX请求。
• 在您的node.js服务器上设置一个侦听这些请求的端点。
• 在此端​​点中实现数据库查找并返回响应（通常以JSON格式）。
• 回到客户端（即浏览器），当您的AJAX请求解析时，您需要更新DOM的一部分以显示此数据。您可以使用Handlebars等客户端模板库来执行此操作，也可以使用本机API（这里有一篇好文章：http://blog.garstasio.com/you-dont-need-jquery/dom-manipulation/）