Przekazywanie wartości formularza do javascript url

Question

Mam formularz, który zbiera dane od użytkownika i składa się z przycisku. Gdy użytkownik kliknie przycisk, pojawi się komunikat wyskakujący.

Chciałbym opublikować dane wejściowe formularza do url określone w 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

Jeśli chcesz submit formę korzystania posta konkretnym adresem i do nich bezpośredni do tego zastosowania adresowej

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

Jeśli jednak chcesz, aby opublikować go na tle wykorzystania

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

Answer 2

Możesz utworzyć żądanie Ajax, a po pomyślnym przekierowaniu strony możesz przesłać formularz tak, jak w dawnych czasach.

Jeśli możesz zmienić kod HTML, zamiast zawijać dane wejściowe do formularza z ustawieniem akcji na processEditBookSeat.php i ustawić również identyfikator taki jak "bookSeatForm", aby łatwiej było go znaleźć po stronie js.

Następnie zmodyfikować skrypt tak:

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

Ponadto jeśli ta metoda odpowiada ty dlaczego nie używać domyślnego zachowania formy i zmienić element #alert do wejścia złożyć? To zależy od Ciebie.