값이 변경되면 AJAX로 새로 고침하면 Rails 4를 사용하여 데이터베이스에서 한 값을 폴링하는 방법

Question

2 년 동안 Rails에서 작업 해 왔지만 AJAX 및 Javascript에서 처음 시도한 것입니다. & 무엇을 해야하는지 알아 내려고 노력하면서 엄청난 시간을 여러 웹 사이트를 읽는 데 보냈습니다.

'stories'테이블의 'turn'필드가 변경 될 때마다 레일스 4 응용 프로그램에서 edit.html.erb의 'refreshme'div를 새로 고치려고합니다. 그래서 story.js에서 @ story.turn을 확인하기 위해 setInterval() 함수를 작성했습니다 & 새로 고침. 나는 매 10 초마다 새로 고침을 얻을 수 있지만, 코드를 으로 변경하려면마다 10 초마다 story.turn의 값을 확인하십시오. 값이 변경되면 & 새로 고침 만하십시오.

routes.rb (이 맞나요?)

match '/stories/:id/refresh' => "stories#refresh", :as => :story_refresh, via: 'post' 

refresh.html.erb (보기/이야기 - 내가 여기에 속한 것을 단서가 없다)

<div class="pollme" data-story-id="<%=@story.id %>" data-story-turn="<%=@story.turn %>" > 
    <%=@story.turn %> // This gets changed based on what other users are editing 
</div> 

edit.html합니다. ERB (보기/이야기) -이

<div class="refreshme" data-story-id="<%=@story.id %>" data-story-turn="<%=@story.turn %>" > 
    <%= render 'shared/micropost_form' %> 
</div> 

story.js를 div에로 show.html.erb 멋지게 새로 고쳐

,

$(document).on("page:change", function() { 
    var $turn; 
    $turn = $('.refreshme').data('story-turn'); 

    refreshStories = function(){ 

    $.ajax({  
     type: "POST", 
     data: { }, // I'm sure something important goes here to get @story.turn out of the stories table 
     url: "/stories/"+$('.refreshme').data('story-id')+"/refresh"  
    }).done(function(result) { 
      alert('done'); 
     $turn = ; // Not sure what data{} can return 
    }) 

    if ($('.refreshme').data('story-turn') != $turn) { 
     $.ajax({ 
     type: "GET", // helps show.html.erb get refreshed into refreshme div in edit.html.erb 
     url: "/stories/"+$('.refreshme').data('story-id') 
     }).done(function(result) { 
     var $sentence_requests = $('.refreshme'); 
     if ($sentence_requests.length > 0) { 
      $sentence_requests.html(result); 
      alert('UPDATED micropost requests ') ; 
     } else { 
     } 
     }) 
    } 
    }; 
    setInterval(refreshStories, 10000); 
}); 

story.js에서

def refresh 
    @story = Story.find(params[:id]) 
    respond_to do |format| 
    format.json { } 
    format.html { } 
    end 
end 

def edit 
    @story = Story.find(params[:id]) 
    @micropost = @story.microposts.build 
    respond_to do |format| 
    format.json { } 
    format.html { } 
    end 
end 

에서, GET 기능 실행 stories_controller.rb 그러나 POST 기능하지 않는다. 나는 내가 'POST'(데이터베이스에서 가치를 얻고 있다고 생각했지만, 그렇지 않은 것)라고 생각하는지 확신 할 수 없다.

나는 POST가 story 테이블에서 @ story.turn을 얻는 데 필요한 AJAX 함수라고 생각하지만, 아무것도하지 못하게하는 방법을 알고있다. 새로 고침하려면 GET이 필요합니까? 나는이 코드를 몇 주 동안 kludging했는데, 이것은 지금까지 알아야 할 것 같다. 어떤 도움이라도 대단히 감사하겠습니다.

Answer 1

공개 github 저장소에이 코드를 넣으면 사람들이 컨텍스트 내에서 코드를 볼 수 있으며 코드 작성 방법을 보여주는 끌어 오기 요청을 보낼 수 있습니다.