Rails Ajax Jquery Удалить Отправляет запрос на отправку после

Question

Я пытаюсь удалить экземпляр модели Rails с помощью Ajax.

Это происходит по нажатию одной кнопки, и мой код, как показано ниже:

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

Если предположить, что кнопка находится внутри формы, щелкнув по нему, вероятно, представляя эту форму в дополнении к стрельбе Аякса запроса.

Что вы хотите сделать, это предотвратить действие по умолчанию нажатия кнопки, которая отправляет форму.

Изменение параметра function() в function(event), затем добавить 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"}