0

我正在尝试覆盖下面的贝宝提交表单以在提交之前运行一些 ajax，但由于某种原因，直到提交实际表单之前的一切都在工作。

贝宝表格

<form name="_xclick" id="payWithPaypal" action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_xclick">
    <input type="hidden" name="business" value="email@website.com">
    <input type="hidden" name="currency_code" value="USD">
    <input type="hidden" name="item_name" value="Item Name Here">
    <input type="hidden" name="amount" value="12">
    <input type="hidden" name="return" value="http://www.website.com">
    <input type="hidden" name="notify_url" value="http://www.website.com/ipn.php">
    <input type="submit" id="submitPaypal" class="mailsubmit" value="Pay Now" border="0" name="submit">
</form>

覆盖提交按钮

<script>
    $(function(){
        $('#submitPaypal').on("click", function(e){
            event.preventDefault();
            tailor();
        });
    });
</script>

应该运行的 Ajax 然后提交上述表单

   <script type="text/javascript">
        function tailor(){
             $.ajax({
                url: "info.php",
                type: "POST",
                data: {NAME:"test"},
                success: function(data){
                     $('#payWithPaypal').submit();
                }
           });
        }
    </script>

$('#payWithPaypal').submit();任何关于为什么不起作用的见解将不胜感激

4

2 回答 2

4

您event.preventDefault();绑定到按钮单击不会阻止表单提交。这就是为什么您.ajax()仅在提交按钮位于表单之外时才起作用的原因。

我会推荐这样的东西：

<script type="text/javascript">

$('#payWithPaypal').submit(function(e) {

    var self = this;

    e.preventDefault();

  $.ajax({
      url: 'info.php',
      type: 'post',
      data: $(':input', self),
      success: function(json) {
        self.submit();
      }
    });
});

</script>
于 2014-04-01T19:26:58.617 回答
-2

最后由于某种原因弄清楚了这一点，我仍然不确定为什么，但是提交按钮需要放在表单标签的一侧，然后它才能正常工作。如果有人知道为什么会这样，我很想知道

于 2013-09-27T02:57:45.297 回答