Ajax Put Demande sur Select_tag

Question

J'ai un menu DropDown dans ma vue qui a un rappel qui est déclenché dès qu'il détecte l'événement de changement. Je veux passer dans la valeur qui est select dans le DropDown à mon contrôleur Line_items via ajax et mettre à jour un enregistrement spécifique.
Malheureusement, le $ .ajax est toujours un étranger pour moi.

Jusqu'à présent, j'ai:

$.ajax(
     type: 'POST', 
     dataType: 'text' 
     url: 'orders/:order_id/line_items/:id', 
     data: 
     "variant_id": selectedData.selectedData.value 

     success: -> 
     alert ('test') 
    ) 

Quelle serait la bonne façon de le faire?

Answer 1

vous pouvez fondamentalement passer cette valeur dans les données en tant qu'objet json; votre fonction peut ressembler à:

$('#my_dropdown_id').change(function() { 
    var sel_value = $(this).val(); 
    // here you can do some validation, etc; before fire the ajax call if is necessary 
    $.ajax({ 
    url: 'orders/:order_id/line_items/:id', 
    type: 'POST', 
    data: {variant_id: sel_value}, 
    success: function(data) { 
     alert('OK!') 
    } 
    }) 
}); 

puis sur votre arrière-plan, vous pouvez obtenir cette valeur forment les params de poste. c'est-à-dire params ['variant_id']

Je suppose que vous allez construire l'URL en utilisant les valeurs appropriées pour les identifiants; c'est-à-dire

url: 'orders/'+ your_order_id +'/line_items/'+ line_item_id,