Rails 5 jQuery .ajax 方法数据格式

Question

升级到 Rails 5 后，我的 jQuery .ajax 请求出现问题。我相信这与（某种程度上）新的强大参数有关。我收到以下错误：

ArgumentError (When assigning attributes, you must pass a hash as an argument.):

我认为我在我的 .ajax 请求（使用 Coffeescript）中错误地设置了我的数据包。

或者可能是我信任的参数没有正常工作。

使用 byebug，我的控制器第一行似乎没问题，但第二行失败：@prospect.update(prospect_params[:status])。这是 byebug 中的 @_params 变量：

1: @_params = <ActionController::Parameters {"prospect"=><ActionController::Parameters {"id"=>"16", "status"=>"inactive"} permitted: false>, "controller"=>"prospects", "action"=>"update_status"} permitted: false>

这是我的控制器和 Coffescript 的片段

控制器

  # PUT /prospects/update_status
  def update_status
    @prospect = Prospect.find(params[:id])
    @prospect.update(prospect_params[:status])

    respond_to do |format|
      if @prospect.update_attributes(prospect_params)
        format.json { head :no_content }
      else
        format.json { render json: @prospect.errors, status: :unprocessable_entity }
      end
    end
  end

...

  private
  # Use callbacks to share common setup or constraints between actions.
  def set_prospect
    @prospect = Prospect.find(params[:id])
  end

  # Only allow a trusted parameter "white list" through.
  def prospect_params
    params.require(:prospect).permit(:name, :status, :priority, :id)
  end

Coffeescript

    # Update prospects active list when a toggle switch is clicked
    $("#prospects_list").on "change", ".js-switch", ->
        prospect_id = $(this).parent('form').find('input[name="prospect[id]"]').val()
        if @checked
            status = 'active'
        else
            prospect_status = 'inactive'
        # Get parent TR
        tr = $(this).closest('tr')
        # Update prospect using Ajax
        $.ajax
            url: '/prospects/update_status'
            type: 'POST'
            data: { prospect: {id: prospect_id, status: prospect_status } }
            dataType: 'json'
            success: (data) ->
                return
            false

Answer 1

您传递参数的值。

查看报错信息you must pass a hash as an argument.

@prospect.update(prospect_params[:status])
# here is you pass a value of status key, that's not a hash
# {"id"=>"16", "status"=>"inactive"} 
# prospect_params[:status] => "inactive"

仅使用：

@prospect.update(prospect_params)
# that's pass a hash
# prospect_params => {"id"=>"16", "status"=>"inactive"}

或者：

@prospect.update(status: prospect_params[:status])

Answer 2

首先问问自己是否真的需要一个特定的路由来更新状态，或者这是否应该是对规范更新路由的请求：

PATCH /prospects/:id

在这种情况下，您应该更改 AJAX 处理程序：

# Update prospects active list when a toggle switch is clicked
$("#prospects_list").on "change", ".js-switch", ->
    prospect_id = $(this).parent('form').find('input[name="prospect[id]"]').val()
    if @checked
      status = 'active'
    else
      prospect_status = 'inactive'
    # Get parent TR
    tr = $(this).closest('tr')
    # Update prospect using Ajax
    $.ajax
      url: '/prospects/' + prospect_id
      type: 'PATCH' # Not POST!
      data: { prospect: { status: prospect_status } }
      dataType: 'json'
      success: (data) ->
          return
      false

如果您出于某种原因想要一个特定的方法，您可以通过将 :id 移动到路径而不是参数来修复它。

# config/routes.rb
resources :prospects do
  member do
    patch :update_status
  end
end

# PATCH /prospects/:id/update_status
def update_status
  @prospect = Prospect.find(params[:id])
  respond_to do |format|
    if @prospect.update_attributes(prospect_params)
      format.json { head :no_content }
    else
      format.json { render json: @prospect.errors, status: :unprocessable_entity }
    end
  end
end

# ...

def prospect_params
  params.require(:prospect).permit(:name, :status, :priority)
end

# coffeescript
url: '/prospects/' + prospect_id  +'/update_status'

使用 @prospect.update(prospect_params[:status]) 更新了记录两次，并且还避开了强参数，因此会引发异常。

Answer 3

感谢 Зелёный 和 max 为我指明了正确的方向。这是我使用的有效方法。我只需要对控制器做一点改动

控制器

# PUT /prospects/update_status
def update_status
  @prospect = Prospect.find(prospect_params[:id])
  respond_to do |format|
    if @prospect.update(status: prospect_params[:status])
      format.json { head :no_content }
    else
      format.json { render json: @prospect.errors, status: :unprocessable_entity }
    end
  end
end

Rails 5 jQuery .ajax 方法数据格式

Rails 5 jQuery .ajax method data format

ajax

jquery

ruby-on-rails

coffeescript

ruby-on-rails-5