的Rails 3 - DIV

Question

我試圖刷新使用AJAX /非侵入式JavaScript/JQuery的一個div的內容定期刷新。

這是很容易做到，如果我做一個「刷新」鏈接，並給它一個數據的遠程屬性。

不過，我想使用setInterval函數，而不是使用鏈接刷新每2秒。

此代碼應該證明什麼，我試圖做的。它在放入application.js時不起作用，因爲ERB沒有被評估，但希望它能解釋我的目標。

setInterval(function(){ 
    $("#scuttlebutt").html("<%= escape_javascript(render 'scuttlebutt') %>"); 
    },2000); 

什麼是在Rails 3中這樣做的正確方法？

Answer 1

最後我把代碼的application.js那會：

• 檢查是否存在DIV
• 使用的setInterval
• 請求JS腳本從Rails的在當前的URL會讓一個計時器導致對js.erb視圖文件的評估。當這個文件運行時，它會更新我的div。

看哪......

資產/ Java腳本/ application.js中

$(function() { 

    if ($('#scuttlebutt').length) { 
    setInterval(function(){ 
     $.getScript(window.location.pathname, function(data, textStatus, jqxhr) { 
     console.log('Load was performed.'); 
     }); 
    },2000); 
    } 

}); 

的意見/票/ show.js.erb

$("#scuttlebutt").html(" <%= escape_javascript(render 'scuttlebutt') %>"); 

Answer 2

退房this question（我使用Rails 3.2.5的工作）。

它指出，.js文件不被解析像.erb文件。他們按原樣通過。

Answer 3

好吧，我明白你在做什麼。我之前完成了這個工作，並且找到了一個簡單的方法。

你想還有調用遠程方法在執行一些JavaScript回到瀏覽器刷新DIV控制器的按鈕。我知道，我知道，你不想擁有它，但是我在這裏。我有一個我的網頁上，但我把它藏在遙遠的一側，使得沒有人能夠找到它，鏈接如下：然後

:id => "refresh_button", :style => "position: absolute; left: -9999px" // Rails ERB notation 

，我說這是同一個文件，這我相信是一個.html.erb文件。

<script type="text/javascript"> 
    function doSomething() { 
    $('#refresh-button').click(); 
    } 

    setInterval('doSomething()',2000); 
</script> 

這將每隔2秒按一次按鈕，調用遠程函數，就好像有些人每兩秒鐘點擊一次該按鈕一樣。我知道這並不是最乾淨的方式，但它可以很好地工作，直到你能夠爲你提供更強大的工作。儘管你可以在技術上使用它。

希望有所幫助。