Ruby on Rails的/ JavaScript的小部件

Question

因此，這裏是我的觀點，我試圖遵循一些教程，並從http://8raystech.com/2011/11/28/how-to-create-embeddable-widgets-with-rails

閱讀所有中端引用我花了近2天尋找小錯誤，我明顯的地方做因爲我是紅寶石新手。 我想可能是因爲當我透過Chrome檢查元素的路線錯誤，我看到以下錯誤： 編輯：

"GET http://localhost:3000/widget 500 (Internal Server Error)" 

我試過了很多東西拼命，但這裏是我當前的代碼：

我的小部件控制器看起來是這樣的：（widget_controller.rb）

class WidgetController < ApplicationController 
    def show 
     @content = render_to_string(:partial => 'widget/embed', :layout => false) 
    end 
end 

我的看法使用JavaScript（show.erb.html）

(function() { 
    document.write(<%= @content.to_json %>) 
})() 

的部分是不是真的很重要，我認爲，但這裏有一個例子：在routes.rb中（_embed.erb.html）

<style>...</style> 
<div class="widget-communication"> 
    <div>Bla bla bla</div> 
    ... 
</div> 

，並在過去，

... 
match 'widget', to: 'widget#show' 
... 

所以我在本地測試，以此來加載我的插件：

<script src="http://localhost:3000/widget" type="text/javascript"></script> 

Answer 1

好了，所以這裏是另一種方式來做到這一點... JQuery的和JSON ....

因此，使用直接用於像你的用戶控制器或任何信息的控制器，你希望把你的widget，在我例如，一些關於公司的信息。

所以在您的控制器添加一個方法部件，如：

def widget 
    @company = Company.find(params[:id]) 
    @logo_url = @company.logo_url(:mini) 
    respond_to do |format| 
     format.json { render :json => {:company => @company, :url => @logo_url}, :callback => params[:jsoncallback] } 
    end 
    end 

在你的路由。RB那麼你應該有一些與此類似：

resources :public_company_profiles do 
    get :widget, on: :member 
    end 

然後JQuery的部分使你的HTML代碼從您的JSON信息的第三方網站將使用： 首先，腳本中加入了jQuery，那麼實際的jQuery請求。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script> 
$.getJSON("http://www.yourwebsite.com/yourcontroller/ID/widget?jsoncallback=?", 
    function(data) { 
    var logo_url = "http://www.yourwebsite.com" + data.url; 
    $("#logo img").attr('src',logo_url); 
    $("#logo img").attr('alt',data.company.name); 
    $("#name").html(data.company.name); 
    $("#desc").html(data.company.description); 
    }); 
</script> 

然後它工作的寶貝！ （別忘了把這些和jQuery文檔放在這裏：api.jquery.com/html）

Answer 2

你爲什麼USI ng render_to_string？你試過簡單的渲染？

此外，也許嘗試讓您的GET調用追加.json到URL的末尾。

Answer 3

我不知道小部件，但它似乎你仍然想渲染部分作爲HTML不作爲JS。你只是分配一個字符串來賦值內容，並且它想要使用默認的渲染動作。嘗試使用不.erb但.js文件擴展名（show.js.erb），所以：在控制器

你還需要返回一個集合，即：

class WidgetController < ApplicationController 
    respond_to :js, only: :show 

    def show 
    @user = User.find params[:id] 
    end 
end 

，並在視圖（ show.js.html）：

document.write("<%= escape_javascript(render(:partial => 'widget/embed', :locals => {:user => @user})).html_safe) %>"); 

雖然我不建議使用respond_to :js。調試非常困難，速度很慢，它混合了html和js邏輯。