javascript - 如何提交具有特定字段集的表单

Question

我有这样的表格：

<form name="paymentForm" id="paymentForm" action="/submit.jsp" method="post">
    <fieldset id="ccData">
        <input id="ccNumber" name="ccNumber"/>
    </fieldset>
    <fieldset id="otherData">
        <input id="requestId" name="requestId"/>
    </fieldset>
</form>

当您提交时，我想（通过 ajax）仅将#ccData 文件集提交到一些不同的 url（例如 submitCC.jsp），并根据响应我想将完整的表单提交到实际的 url。

我怎样才能做到这一点？

Answer 1

使用 jQuery 的序列化方法

var formData = $("#ccData").serialize()​;
$.post("TheUrl",formData);

Answer 2

你可以用 JavaScript 做到这一点——例如 jQuery。你建立一个 eventHandler 像

$('#paymentForm').on('click', function () {
  $(this).preventDefault();
  if ($(this).hasClass('first_send')) {
    $.ajax({
      url: "your_url",
      data: { ccData: $('#ccData').val()}
    }).done(function ( data ) {
      $('#paymentForm').addClass('first_send')
      // examin the data, insert stuff you need and send the form again
      // with ajax
    })
  } else {
   $(this).removeClass('first_send')
   // this is the second send - so do stuff here - show a result or so
  }
})

使用 first_send 类，您可以检查它是第一次发送还是第二次发送。这只是一个未经测试的、不完整的想法，你可以如何做到这一点。我想你得到了大局...