从 Ajax 响应中撕裂部分不是更新变量

问：

我有一个 Rails 部分，我正在尝试根据 Ajax 响应填充和显示，但似乎实例变量没有更新。我知道我错过了什么。

这可能是因为我对视图使用了与 ajax 调用不同的控制器。

当我的视图实例化时，我提供了一个值，否则我的部分会抛出错误：@ingredients

# RecipesController#new
def new
  @recipe = Recipe.new
  @ingredients = []
end

下面是用户单击按钮时调用的 ajax 函数：

$('.ingredientContainer').on('click', '.searchForIngredient', function(e) {
    e.preventDefault();
    const ingredientName = $(this).parents('fieldset').find('.ingredient-item').val()
    $.ajax({
        method: 'post',
        url: '/ingredients/search',
        data: {
            name: ingredientName
        },
        success: (res) => {
            // This displays the correct response
            console.log("res", res)

            // This prints [] as if @ingredients has not changed
            console.log("<%= @ingredients %>")

            $('.ingredientSelectionModalBody').html("<%= j(render partial: 'ingredient_search_table', locals: {ingredient_array: @ingredients}) %>")
            $('.ingredientModal').modal({show: true})
        }
    })
})

这是从 Ajax 请求调用的，我希望在其中定义 的值：IngredientsController@ingredients

class IngredientsController < ApplicationController
    def search
        @ingredients = Tools.searchForIngredient(params['name'])
    end
end

这是我渲染到模态主体中的部分：

<table class="table table-awaken">
    <thead>
        <th>Name</th>
        <th>Brand</th>
        <th>Description</th>
    </thead>

    <tbody>
        <%= ingredient_array.inspect %>
            <% ingredient_array.each do |ingredient| %>
                <tr>
                    <td><%= ingredient.name %></td>
                    <td><%= ingredient.brand %></td>
                    <td><%= ingredient.description %></td>
                </tr>
            <% end -%>
    </tbody>
</table>

问题是视图不知道的值已更新，我不确定如何解决该问题，以便可以显示响应。@ingredientsIngredientsController