Sinatra에서 ajax를 사용하여 테이블 업데이트

Question

단순한 텍스트 상자 또는 이와 유사한 내용을 업데이트하는 등 Sinatra와 함께 ajax를 사용하는 방법을 알고 있습니다. 간단히 말해서 Ajax 요청을 보내고 내가 원하는 내용을 대체해야합니다. success 이벤트. 나에게 분명하다.

하지만 아약스를 사용하여 업데이트 할 테이블이있을 때 어떻게해야합니까? ajax#success에 다시 테이블을 그리는 것은 상당히 어려울 것입니다. 확실히 그것을 달성하는 쉬운 방법이 있어야합니다.

존재합니까?

Answer 1

가장 효율적인 방법은 아니지만 테이블에 대한 완성 된 HTML 부분을 Ajax 요청으로 반환하고 페이지에서 Div 컨테이너를 가져온 테이블로 다시 가져올 수 있습니다. 대부분의 경우 이것이 가장 쉬운 방법입니다. 단지 div의 내용을 바꾸는 것입니다. 당신의시나 주요 파일에

샘플 코드

조치 :

# some code 
post "/path/to/your/action" do 
    # get the parameters you need and do the update operation, then: 
    @goods = Good.all # if you use activerecord, or use what you want to get the list 
    slim :goods_table # or haml or erb or ... 
end 
# some code 

보기 파일 (내가 예를 들어 여기에 슬림 사용합니다) :

table 
    tr 
    th title 
    th price 
    th weight 
    th discount 
    - @goods.each do |good| 
    th 
     td = good.title 
     td = good.price 
     td = good.weight 
     td = good.discount 

나는 당신의 테이블 인 가정 ID가 "상품 테이블"인 div에 배치됩니다. 따라서 jquery JS는 다음과 같을 것입니다 :

$.post("path/to/your/action", {parameter1: x, paramater2: y}, function (data) { 
    $("#goods-table").html(data); 
});