Raylar Ajax Jquery Sil

Question

'dan sonra bir Gönderi isteği gönderir Raja modelimin bir örneğini Ajax ile silmeye çalışıyorum.

Bir düğmeyi tıklamak olur ve benim kod olarak aşağıda gösterilmiştir:

başarıyla silmek için am güçlü

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

Ancak delete yöntem her zaman sunucuya bir post isteği ile takip edilmektedir Mevcut verilerle yeni bir model oluşturmak. Bunlar sunucunun istekleridir.

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 benim düğmeyi tıklamak olur. Bununla birlikte, neden #2 ve #3'un oluştuğundan emin değilim.

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

Answer 1

Düğmenizi varsayarsak muhtemelen ajax isteği ateş ek olarak bu formu göndererek tıklamak tamamını, bir form içinde geçerli:

görünümünde iki düğme vardır.

Yapmak istediğiniz şey, formu gönderen düğmenin tıklatılmasıdır.

function(event) için function() parametreyi değiştirin

, daha sonra bir event.preventDefault() çağrıyı ekleyin: yerine

type: "DELETE" 

:

$("#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

kullanabilirsiniz

type: "POST" 

ve

kaldırmak

data: {"_method":"delete"}