Rails 远程表单抛出 SyntaxError

Question

我有以下表单：

<%= form_for [@commentable, Comment.new], :remote => true do |f| %>
  <%= f.text_area :body %>
  <%= f.submit "Add your comment" %>
<% end %>

然后是控制器（大量精简到基本部分）：

def create
  respond_with(@comment) do |format|
    format.html { redirect_to params[:return_url] }
    format.json { render :layout => !request.xhr? }
  end
end

然后这里是用于处理表单 AJAX 的 javascript：

$('#new_comment')
  .bind('ajax:success', function(evt, data, status, xhr){
    var $this = $(this);

    // Append response HTML (i.e. the comment partial or helper)
    $('#comments ol').append(xhr.responseText);
    $('#comments ol li:last-child').effect("highlight", {}, 3000);

    // Clear out the form so it can be used again
    $this.find('input:text,textarea').val('');

    // Clear out the errors from previous attempts
    $this.find('.errors').empty();
  })
  .bind('ajax:error', function(evt, xhr, status, error){
    // Display the errors (i.e. an error partial or helper)
    $(this).find('.errors').html(xhr.responseText);
  });

表单提交正常并且注释按其应有的方式附加，但 Safari 的 Web Inspector 显示提交评论表单时，我所在页面的第 1 行（这只是文档类型）出现 SyntaxError: Parse error，我不明白为什么。

甚至不知道从哪里开始。

Answer 1

我收到了这个错误，这是因为远程 ajax 调用需要 JavaScript，而我返回的是 html。 .ajax 调用默认为 dataType 'script'，因此当它获得 ajax 结果时，它会尝试对其进行评估，并且任何 <<标签导致了错误。

我通过将视图从 .js.erb 更改为 .html.erb 并添加 'data-type' => 消除了错误'html' 到包含 :remote =>; 的链接正确。

在某些情况下，让表单本身成为 JavaScript 片段可能是有意义的 - 类似于：

$('#container').replace("<%= escape_javascript(render(...)) %>");

然后您可以从链接中省略数据类型。

有关数据类型的更多信息 在这里。

Answer 2

尝试将 bind 调用与 new_comment 引用放在同一行：

$('#new_comment').bind('ajax:success', function(evt, data, status, xhr){

Answer 3

我认为您正在查看错误的第 1 行 - 您是否包含 JavaScript 文件，这可能意味着其中之一的第 1 行。它也可能意味着发回内容的第一行。

说实话 - 尝试 Chrome 并打开调试，Chrome 更擅长说出哪个文件给它带来了问题以及在哪里。

无论如何，您不需要将所有 JQuery 放入文件中 - 如果安装了正确的 gem，您可以在视图中编写响应 - 不确定这是否有帮助。

Answer 4

您的页面上是否有一个包含“错误”类的 div？我遇到了非常相似的问题，并在寻找解决方案时发现了这个问题。

我的问题是我们试图写回一个不存在的 div（因为页面上有 except .empty?）。当我们解决这个问题时，成功回调就起作用了。