为什么我的代码执行错误请求错误 URI [对象%20对象]

Question

我正在使用jquery在复选框更改资源"任务"上的布尔属性"已完成"时触发ajax请求。我有以下关于 AJAX 部分的代码，但我收到此错误>错误的 URI'/projects/1/tasks/[object%20Object]'

任务.js.咖啡

    $('#task_completed').bind 'change', (event) =>
      url = $('#task_completed').closest('form').attr('action')
      data = {}
      data.task = {}
      $.post({
        url: url
        data: data
        success: ->
          $('.task_headline').toggleClass('completed_task')
      })

任务/显示.html.erb

       <%= form_for [@project, @task], :remote => true do |f| %>
         <%= f.label :completed %>       
         <%= f.check_box :completed %> <!-- this automatically has the id="task_completed" -->
       <% end %> 

Answer 1

如果不想指定数据，请不要指定数据。

    $('#task_completed').bind 'change', (event) =>
      url = $('#task_completed').closest('form').attr('action')
      $.post({
        url: url
        success: ->
          $('.task_headline').toggleClass('completed_task')
      })

此外，您忘记了url：url后面的逗号，这可能是必要的。

    $('#task_completed').bind 'change', (event) =>
      url = $('#task_completed').closest('form').attr('action')
      $.post({
        url: url,
        success: ->
          $('.task_headline').toggleClass('completed_task')
      })

如果仍然发生，则需要暂时将该函数替换为：

window.alert($('#task_completed').closest('form').attr('action'))

如果这在警报中显示[object%20Object]，则您保存表单的地方有问题。请注意，[object%20Object]意味着您正在尝试打印出一个没有显式定义 toString(( 的对象。这正是当您尝试将{}转换为字符串时发生的情况。

不相信我？将以下内容复制到您的地址栏并按回车键：

javascript:var test = {};window.alert(test.toString());