रेल अजाक्स Jquery हटाएं

Question

के बाद एक पोस्ट अनुरोध सबमिट करें मैं अजाक्स के साथ अपने रेल मॉडल का एक उदाहरण हटाने की कोशिश कर रहा हूं।

यह एक बटन क्लिक पर होता है और मेरे कोड के रूप में नीचे दिखाया गया है:

$("#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 अनुरोध फायरिंग के साथ ही उस पर्चे को जमा किया जाता है पर क्लिक:

ध्यान में रखते हुए दो बटन रहे हैं।

आप जो करना चाहते हैं वह है बटन को क्लिक करने की डिफ़ॉल्ट कार्रवाई को रोकें, जो फ़ॉर्म सबमिट कर रहा है।

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"}