如何在 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 ......