jQuery.ajaxでの不思議な動作

Question

私は突然非常に奇妙な "バグ"を得ました。これまでは、このスクリプトは魅力的に機能していました。しかし、突然、formData変数は、それが存在しないかのようにjQuery.ajaxに渡されません。

私がalertのデータを表示すると、それはすべて機能します。しかし、私は警告を削除するとすぐに、formDataインデックスが存在しないことをPHPスクリプトが教えてくれます。

私はこれが発生したり、それを解決する方法をどのように無知だ： -/

これは私の開発サーバ上ではなく、本番サーバー上で正常に動作します。

jQuery('#btn_saveForm').live('click', function() { 
    var instance = 'update'; 
    var brand_id = jQuery('#itemID').val(); 

    // Get form data 
    var form_data = jQuery("#data_form").serialize(); 

    // alert(form_data); //If I uncomment this, the script works... 

    //Process form data 
    jQuery.ajax({ 
     url: siteURL +"/wp-content/themes/my_theme/include/jquery.php", 
     data: { 
      instance : instance, 
      formData : form_data, 
      brandID : brand_id 
     }, 
     success: (function(feedback) { 
      showFeedback(feedback); 
     }), 
     dataType: 'json' 
    }); 
}); 

Answer 1

私の推測では、中alert()を置くことはAJAXリクエストが送信される前form_dataとbrand_id変数が完全に充填することを可能にするということでしょう

Answer 2

その後、別のブラウザ/変更ブラウザを再起動して起こっていただきました！を参照してみてください。このことを念頭に置いて、これを試してみてください。

また

jQuery.ajax({ 
    url: siteURL +"/wp-content/themes/my_theme/include/jquery.php", 
    data: { 
     instance : instance, 
     formData : jQuery("#data_form").serialize(), 
     brandID : jQuery('#itemID').val() 
    }, 
    success: (function(feedback) { 
     showFeedback(feedback); 
    }), 
    dataType: 'json' 
}); 

は、単にテストするために、あなたはそれが違いを作るかどうかを確認するためにAJAX呼び出しでasync: falseを設定することができます。それはあなたが（JSはシングルスレッドであるとして、非常に奇妙なことと思われる）ここにいくつかのレースを持っていることは事実だ場合

Answer 3

、次はあなたを助ける必要があります。

setTimeout(function() { 
    jQuery.ajax({ 
     url: siteURL +"/wp-content/themes/my_theme/include/jquery.php", 
     data: { 
      instance : instance, 
      formData : form_data, 
      brandID : brand_id 
     }, 
     success: (function(feedback) { 
      showFeedback(feedback); 
     }), 
     dataType: 'json' 
    }) 
}, 0); 

0タイムアウトの建設はあなたのコードを配置します実行キューの終わりに。