Passaggio del valore del modulo a javascript url

Question

Ho un modulo che raccoglierà input dall'utente e consiste in un pulsante. Una volta che un utente fa clic sul pulsante, verrà mostrato un messaggio pop-up.

Vorrei inserire gli input del modulo nell'URL indicato in javascript.

<div class="live-preview"> 
    <a class="confirm" id="alert"> 
    <input type="submit" name="submit" class="btn btn-common uppercase" value="Edit Booking"> 
    </a> 
    <script> 
    $(".confirm").easyedit(); 
    $("#alert").click(function() { 
      window.location = "processEditBookSeat.php"; 
    }); 
    </script> 
    <input name="workshopSeatLeft" type="hidden" id="workshopSeatLeft" value="<?php echo $resultWorkshopDetail['workshopDetailSeatLeft']?>"> 
    <input name="alreadyBookedSeat" type="hidden" id="alreadyBookedSeat" value="<?php echo $userBookedSeat?>"> 
    <input name="workshopID" type="hidden" id="workshopID" value="<?php echo $getWorkshopID?>"> 
</div> 

Answer 1

Se si vuole submit il modulo utilizzando post per un indirizzo specifico e Perciò diretto a questo indirizzo uso

$('#form').attr('action', "/yoururl").submit(); 

Se invece si desidera pubblicare in background usare

$.post(url, $('#form').serialize()); 

Answer 2

È possibile creare una richiesta Ajax e in caso di successo reindirizzare la pagina oppure è possibile inviare un modulo come ai vecchi tempi.

Se è possibile modificare l'HTML, è necessario avvolgere gli input in un modulo con l'azione impostata su processEditBookSeat.php e impostare anche un ID come "bookSeatForm" in modo che sia più facile trovarlo nel lato js.

Poi modificare lo script in questo modo:

$(".confirm").easyedit(); 
    $("#alert").click(function() { 
     $("#bookSeatForm").submit() 
    }); 

Inoltre, se questo metodo fa per voi perché non utilizzare il comportamento modulo predefinito e cambiare l'elemento #alert a un ingresso presentare? Questo dipende da te.