Jquery 通过API的AJAX Post请求-分析请求参数时出错

我正在尝试使用AJAX通过API执行POST请求。出于某种原因，我遇到了这个错误：“解析请求参数时出错。”

据我所知，发生此错误是因为我将url属性传递到POST请求时进行了json解析

我在互联网上读过各种stackoverflow帖子，似乎使用以下方法应该可以奏效：

data: { todo: { user_id: userId, body: todoBody } },
datatype : 'json',

我也试过用这个，但它不起作用

data: { "todo": { "user_id": userId, "body": todoBody } },
datatype : 'json',

我希望有人能帮我找到正确的方向：）

以下是完整代码：

index.html.erb

<div class='new-todo'>
    <%= form_for todo, remote: true do |f| %>

      <div class="form-group">
        <%= f.label :body, 'Todo Item' %>
        <%= f.text_area :body, rows: 4, class: 'form-control', placeholder: "Enter todo item" %>
      </div>

      <div class="form-group">
        <%= f.submit "Create", class: 'btn btn-success', data: { user_id: current_user.id, user_token: current_user.auth_token} %>
      </div>

    <% end %>
</div>

尝试使用以下方法：

$.ajax({
    type : "POST",
    url : "/api/users/"+userId+"/todos",
    data: JSON.stringify(data),
    contentType: "application/json; charset=utf-8",
    beforeSend: function (xhr) {
      xhr.setRequestHeader ("Authorization", userToken);
    },

---

在ajax请求数据中，不要使用

{“todo”：{“user\u id”：userId，“body”：todoBody}

，只需使用

数据

变量即可。尝试了（data:data）之后，效果并不理想。非常感谢！真管用！我在另一篇stackoverflow文章中读到，使用data:data，datatype:'json'可以工作。非常感谢你为我指引了正确的方向！：）

$.ajax({
    type : "POST",
    url : "/api/users/"+userId+"/todos",
    data: JSON.stringify(data),
    contentType: "application/json; charset=utf-8",
    beforeSend: function (xhr) {
      xhr.setRequestHeader ("Authorization", userToken);
    },