Form değerini javascript URL'ye geçirme

Question

Kullanıcıdan girdi toplayacak bir form var ve bir düğmeden oluşur. Bir kullanıcı düğmeye tıkladığında, bir açılır mesaj gösterilecektir.

Form girişlerini javascript'te belirtilen URL'ye göndermek istiyorum.

<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

Eğer arka planda göndermek istediğiniz ancak

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

kullanırsanız belirli bir adrese ve bu adres kullanımı

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

için bunun direkt üzere yayını kullanarak formu submit istiyorsanız

Answer 2

Bir Ajax isteği oluşturabilir ve sayfayı yeniden yönlendirmek için başarılı olabilir veya eski günlerde olduğu gibi bir form gönderebilirsiniz.

HTML'yi değiştirebilirseniz, girdileri eylemi processEditBookSeat.php olarak ayarlanan bir forma sarmak ve daha kolay bir şekilde "bookSeatForm" gibi bir tanıtıcıya ayarlamak daha kolaydır.

Sonra şöyle komut değiştirin: Bu yöntem, neden olmasın varsayılan form davranışını kullanmak ve bir gönderme girişine #alert elemanını değiştirmek uygun

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

ayrıntılı olur? Bu sana bağlı.