将表单值传递给javascript url

Question

我有一个表单，将收集用户的输入，它由一个按钮组成。一旦用户单击该按钮，就会显示一条弹出消息。

我想将表单输入发布到javascript中所述的url。

<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

如果您想使用post将表单发送到特定地址，并因此直接发送到此地址，请使用submit

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

但是，如果您想在后台发布它，请使用

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

Answer 2

您可以创建一个Ajax请求并在成功时重定向页面，也可以像以前一样提交一个表单。

如果你可以修改超文本标记语言，那么将输入封装到一个表单中，并将操作设置为processEditBookSeat.php，并为其设置一个类似于"bookSeatForm“的ID，以便更容易在js端找到它。

然后像这样修改脚本：

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

此外，如果此方法适合您，为什么不使用默认的表单行为并将#alert元素更改为提交输入？这取决于你。