javascript - Rails xhr.send( ( options.hasContent && options.data ) || null );错误

Question

我试图为每个食谱制作类似按钮

但是如果我点击“like”按钮浏览器就会说

xhr.send(( options.hasContent && options.data ) || null );

返回此错误

不知道为什么会出现这个错误

这是我在 Rails 中的代码

application.js

function like(id){
    $.ajax({
        url:"/like/" + id,
        type:"POST",
        dataType:"json",
        success: function(data){
            if(data.result){
                $("#countlike").html("likes " + data.count);
                // $("#count").removeAttr('onclick');
                // $("#count").attr('disabled', 'disabled');
            }
        }
    });
}

route.rb

post '/like/:id'=>'recipes#like' 

views/recipes/show.html.erb

<p>
  <a id = "countlike" onclick="like(<%=@recipe.id%>)">Like it</a>
</p>

recipes_controller.rb

  def like
      likes = Recipe.find(params[:id]).likes           
      result = likes.create 
      render json:{result: result, count: likes.count}
  end

在其他项目相同的代码中可以正常工作

Answer 1

您发布的 ajax 请求中似乎缺少数据属性，这可能会引发错误。

function like(id){
    $.ajax({
        url:"/like/" + id,
        type:"POST",
        dataType:"json",
        data: my_data, // <--- HERE
        success: function(data){
            if(data.result){
                $("#countlike").html("likes " + data.count);
                // $("#count").removeAttr('onclick');
                // $("#count").attr('disabled', 'disabled');
            }
        }
    });
}

希望有帮助。干杯!