Rails 4 + jQuery：PUT ajax 请求

Question

Ajax 请求对我来说仍然很新，但我有一个带有按钮的食谱索引，可让您收藏食谱。

<i class="favorite" data-recipe="<%= recipe.id %>">

...我正在尝试对路由使用 PUT 请求：

favorite_recipe PUT    /recipes/:id/favorite(.:format)    recipes#favorite

... 使用以下 jQuery 函数：

    $(".favorite").click(function(){
        $(this).toggleClass("favorited");
        var recipe_id = $(this).data("recipe");

        // displays properly when I console.log() it
        var url_path = '/recipes/' + recipe_id + '/favorite'


        $.ajax({
            url: url_path,
            type: 'PUT'
        })
    })

但在我的开发者控制台中，我收到 404 错误，并且显示的 url 是 Request URL:http://localhost:3000/recipes 而不是 http://localhost:3000/recipes/:recipe_id/favorite。

我做错了什么？我需要使用 data 参数来提供 id 吗？

Answer 1

好的，我正在更改答案，因为我注意到您确实有该请求的路线。

我相信您收到此错误是因为您没有在控制器中正确处理请求。尝试将以下内容添加到您的控制器中，以使其处理 JSON 请求。

respond_to do |format|
      format.json do
        render :json => {success: 'yes'}
      end
end

Answer 2

试试这个。

$(".favorite").click(function(){
    $(this).toggleClass("favorited");
    var recipe_id = $(this).data("recipe");

    // displays properly when I console.log() it
    var url_path = "<%= favorite_recipe_path %>"


    $.ajax({
        url: url_path,
        type: 'PUT',
        data : JSON.stringify({id: recipe_id}),
        dataType: "json",
    })
})