没有得到ajax成功函数的响应

Question

Javascript代码：

window.getTableContent = function() {
  $.ajax({
    url: "/oeb_infos/" + $("#oeb_info_id").val() + "/show_toc.js",
    type: "GET",
    async: false,
    success: function(data) {
      alert(typeof data);
      if (data) {
        data = $.parseJSON(data);
        $("#toc.toc").html("<ul>");
        $.each(data, function(header) {
          var value;
          value = '';
          $.each(header.list, function(j) {
            return value = value + "<ul>";
          });
          value = value + ("<li><a href='#" + toc_part['id'] + "'>" + toc_part['value'] + "</a></li>");
          $.each(header['list'], function(j) {
            return value = value + "</ul>";
          });
          $("#toc.toc").append(value);
        });
        $("#toc.toc").append("</ul>");
      }
    }
  });
};

我的导轨代码：

@info = OebInfo.find(params[:id])
respond_to do |format|
  format.js do
    render js: @info.toc_book_json
  end
end

没有得到ajax成功函数的响应。获取完成，完成，成功，错误的空对象..但在responseText中获取响应。问题是什么？任何人都可以帮我解决这个问题。