Rails Ajax Jquery Delete投稿後に投稿要求を送信します

Question

Ajaxを使用してRailsモデルのインスタンスを削除しようとしています。

これは、ボタンのクリックで発生し、下図のように私のコードは次のとおりです。私は成功し、それを削除することができています

$("#button").click(function(){ 
    $.ajax({ 
     type: "POST", 
     url: "/slot_allocations/" + slotallocation_id, 
     dataType: "json", 
     data: {"_method":"delete"}, 
     complete: function(){ 
      $("#SlotAllocationForm").dialog("close"); 
      alert("Deleted successfully"); 
     } 
    }); 
}); 

、しかしdelete方法は、常にサーバにpost要求によって追跡されます既存のデータで新しいモデルを作成します。これらはサーバーへの要求です。

1. POST http://localhost:3000/slot_allocations/1009 [HTTP/1.1 204 No Content 57ms]  
2. POST http://localhost:3000/slot_allocations [HTTP/1.1 302 Found 111ms] 
3. GET http://localhost:3000/slot_allocations/1010 [HTTP/1.1 200 OK 185ms] 

#1は、私のボタンをクリックすると発生します。しかし、なぜ#2と#3が出現するのか、あまりよく分かりません。

<button id="button">Delete</button> 
<div class="actions"><%= f.submit %></div> 

Answer 1

あなたのボタンを仮定すると、それはおそらく、AJAXリクエストを発射に加えて、そのフォームを提出されたクリック、フォームの内側にある：

は、ビュー内の2つのボタンがあります。

あなたがしたいのは、フォームを送信しているボタンをクリックするデフォルトの操作を禁止することです。

変更function(event)からfunction()パラメータは、その後、event.preventDefault()呼び出しを追加：あなたが使用することができます

$("#button").click(function(event){ 
    $.ajax({ 
     type: "POST", 
     url: "/slot_allocations/" + slotallocation_id, 
     dataType: "json", 
     data: {"_method":"delete"}, 
     complete: function(){ 
      $("#SlotAllocationForm").dialog("close"); 
      alert("Deleted successfully"); 
     } 
    }); 
    event.preventDefault(); 
}); 

Answer 2

：

type: "DELETE" 

の代わり：

type: "POST" 

と

を削除します

data: {"_method":"delete"}