2

ショッピングカートのデータを支払いゲートウェイ（WorldPay）の支払い処理ページに送信するフォームがあります。カスタムが支払いに進むことを決定した瞬間、フォームの送信自体の前に、いくつかの追加のロジックを実行する必要があります。基本的に、私は最後の瞬間に注文への一意の参照を生成したいだけです。

送信イベントのjQueryコードは次のとおりです。

$(function(){

   $('#checkout-form').submit(function(e){

       var $form = $(this);

       var $cartIdField = $('#cartId');

       console.log($cartIdField.val());

       if($cartIdField.val() == ''){

            e.preventDefault();

            $.ajax({
                url: baseUrl + '/shop/ajax/retrieve-shopping-cart-reference/',
                data: {}, type: 'post', dataType: 'json',
                success: function(json){
                    if(json.error == 0){
                        $('#cartId').val(json.data.cart_reference_number);
                        $form.submit();
                    }else{
                        alert(json.message);
                    }
                }
            });
        }else{
            console.log('Submitting form...'); //Does not submit!
        }
   });

});

問題は、条項内でトリガーされた2回目の送信中にsuccess:、フォームがまだ送信されないことです。私はevent.preventDefault()現在の状態を超えて持続すると仮定しています。

どうすればこれを回避できますか？

4

2 に答える 2

1

フォーム送信前に任意の操作を実行するために、次の方法を使用しました

 $('#checkout-form').live("submit",function(event){

    //handle Ajax request use variable response
         var err =false;

         var $form = $(this);
        //alert($form);
        var values = {};
         $.each($form.serializeArray(), function(i, field) {
             values[field.name] = field.value;
        });
     //here you get all the value access by its name [eg values.src_lname]
       var $cartIdField = $('#cartId');

       console.log($cartIdField.val());

       if($cartIdField.val() == ''){
             $.ajax({

                   // your code and condition if condition satisfy the return true
                   // else return false 
                   //   it submit your form
                   /*if(condition true)
                      {
                        var err =true;
                      }
                     else
                      {
                         var err = false;
                       }*/

                 })
        }
        else
        {
           return true;
        }
      if(err)
  {
     return false
  }
 else
 {
   return true;

}
     })
于 2012-06-22T09:39:48.337 に答える
-1

本当に必要な場合にのみ e.preventDefault() を呼び出します。

if(not_finished_yet) {
  e.preventDefault();
}
于 2012-06-22T09:30:22.253 に答える