Question

观看RailsCast #296 about Mercury Editor后，我试图让编辑器重定向到新创建的资源。

我已经可以使用JS和window.location.href=在客户端重定向。但是对于新资源，我不能在客户端“猜测”它的URL。我需要它在服务器响应中。

然而，问题是我没有看到在编辑器中使用服务器响应的可能性。无论控制器呈现什么，Mercury的服务器响应都是discarded，而不是用作mercury:saved函数的参数。

有没有办法解决这个问题？

Answer 1

我可以通过发送有效的JSON字符串来进行更新。我认为创建工作方式相同。检查firebug以确保你没有在Mercury使用的jQuery.ajax调用中收到错误。

posts_controller.rb

def mercury_update
  post = Post.find(params[:id])
  post.title = params[:content][:post_title][:value]
  post.body = params[:content][:post_body][:value]
  post.save!
  render text: '{"url":"'+ post_path(post.slug) +'"}'
end

mercury.js：

  jQuery(window).on('mercury:ready', function() {
    Mercury.on('saved', function() {
       window.location.href = arguments[1].url      
    });
  });

注意：我正在使用friendly_id来填充帖子

Answer 2

在服务器端重定向不起作用，因为保存按钮只是jQuery.ajax电话：

// page_editor.js
PageEditor.prototype.save = function(callback) {
      var data, method, options, url, _ref, _ref1,
        _this = this;
      url = (_ref = (_ref1 = this.saveUrl) != null ? _ref1 : Mercury.saveUrl) != null ? _ref : this.iframeSrc();
      data = this.serialize();
      data = {
        content: data
      };
      if (this.options.saveMethod === 'POST') {
        method = 'POST';
      } else {
        method = 'PUT';
        data['_method'] = method;
      }
      Mercury.log('saving', data);
      options = {
        headers: Mercury.ajaxHeaders(),
        type: method,
        dataType: this.options.saveDataType,
        data: data,
        success: function(response) {
          Mercury.changes = false;
          Mercury.trigger('saved', response);
          if (typeof callback === 'function') {
            return callback();
          }
        },
        error: function(response) {
          Mercury.trigger('save_failed', response);
          return Mercury.notify('Mercury was unable to save to the url: %s', url);
        }
      };
      if (this.options.saveStyle !== 'form') {
        options['data'] = jQuery.toJSON(data);
        options['contentType'] = 'application/json';
      }
      return jQuery.ajax(url, options);
    };

因此，您的重定向将发送到success回调，但该页面实际上不会重新呈现，就像任何成功的AJAX请求一样。作者讨论了重写这个函数here。通过将回调函数传递给save，看起来似乎还有一些空间可以操作。

顺便说一下，@ corneliusk建议的另一种方式是：

render { json: {url: post_path(post.slug)} }

无论哪种方式，响应主体都作为参数传递给mercury:saved回调中的函数。

如何让Mercury Editor重定向到新资源？

2 个答案: