如何在 Rails 中实现 AJAX 价格比较功能？

Question

我想创建一个 AJAX 价格比较功能。 我真的不知道它应该如何工作。

用户应该能够 select 一个公司，并且会出现一个加载图标。 公司列表将按价格排序，并显示用户可以节省多少。

这是我的表格：

<select style=" margin-left:10px;width:370px;float: left;
    margin-top: 10px;"name="konkurrancer[form]" id="konkurrancer_form" class="select optional">
<option value="Andet">Company 1</option>
<option value="Andet">Company 2</option>
<option value="Andet">Company 3</option>
</select>

我有一张包含所有公司名称和价格的表格。

我的桌子：

name    price   id
comany 1    120 1
comany 2    80  2
comany 3    60  3
comany 4    40  4

示例：用户选择价格为 120 美元的公司 1。 他将查看所有订购的公司并确定他可以节省多少。 在这种情况下，他会首先看到公司 4 以及他可以节省 (120-40) 80 美元的信息。

Answer 1

1. 添加路由到 config/routes.rb 以支持您的新 controller 操作。
2. 添加启动 ajax 的 javascript
3. 将动作处理程序添加到您的 controller
4. 插入上述业务逻辑
5. 使用 json 版本的渲染返回您的数据
6. 在 javascript 端处理返回数据。

我认为如果你使用 jQuery 之类的东西，这会变得更容易，因为看起来你会想要做一些基本的 DOM 操作作为 (6) 的一部分。

我真的无法帮助您理清（4）中的算法，但如果您有任何其他步骤，我可以回答更多有针对性的问题。

编辑：按价格从低到高对公司进行排序，然后当您从每个公司中减去当前价格时，您将首先获得最大的节省。

至于你的 controller，我想你需要传入当前价格，以及所选公司的 id ......