導軌 - 執行AJAX調用沒有形式和的link_to，純jQuery的

Question

我有一些DIV，當用戶將鼠標懸停這個div，我想執行AJAX調用，引發一些行動，並寫入到數據庫中，有人徘徊該專區。

沒有形式的link_to，純jQuery的。

我需要一個最簡單的例子:)

Answer 1

我建議創建日誌名爲HoverLogger一個新的模型和控制器（或任何你喜歡）。通過調用HoverLogger控制器的create action，您可以通過這種方式分離邏輯並創建RESTful。

假設所需div有類.hoverable：

$(".hoverable").hover(
    function() { 
     // send ajax when mouse enters hoverable object 
     $.ajax({ 
      type: "POST", 
      url: "/hover_logger", 
      data: {logged: true}, // pass any additional parameters if you need 
      success: function(msg) { 
       console.log(msg); // do something on success e.g. console log the message 
      } 
     }); 
    }, 
    function() { 
     // do something when mouse leaves hoverable object 
    } 
); 

登錄事件在創建行動：

def create 
    HoverLogger.create!(user_id: current_user.id) 
    respond_to do |format| 
     format.js { render :nothing => true } 
    end 
end 

HoverLogger將繼續跟蹤USER_ID和時間戳。也爲HoverLogger創建方法創建路線。

Answer 2

基於選擇的解決方案

$(".hoverable").hover(function(){ 
       console.log("hovered"); 
        $.ajax({ 
         type: "POST", 
         url: "/vastrodex", 
         data: {vastroman: $(this).attr('id'), vastrodexCount: 1}, // pass any additional parameters if you need 
         success: function(msg) { 
          console.log(msg); // do something on success e.g. console log the message 
         } 
        }); 
       },function(){ 
      });