जावास्क्रिप्ट: कार्य बिना चेतावनी के काम नहीं कर रहा है()

Question

Possible solution

हैलो, साथी प्रोग्रामर!

मैं हाल ही में किसी समस्या के साथ कुछ मदद के लिए अनुरोध करने के लिए आपको लिख रहा हूं। निम्न समस्या निम्नानुसार है:

1) मेरे पास jQuery के साथ लागू एक AJAX अनुरोध है।

2) सफल प्रतिक्रिया लौटने के बाद, स्क्रिप्ट को संबंधित परिवर्तनों के साथ पृष्ठ को फिर से लोड करना चाहिए और यदि कोई सत्यापन त्रुटियां हैं, तो उन्हें एक छिपे हुए फ़ील्ड के बाद डालें, गैर-महत्वपूर्ण विविध डेटा स्टोर करने के लिए उपयोग किया जाता है। यदि कोई सत्यापन त्रुटियां हैं, तो परिवर्तन सहेजे नहीं जाते हैं और पृष्ठ को सत्यापन त्रुटि संदेशों के साथ पुनः लोड किया जाता है। प्रमाणीकरण स्वयं को सर्वलेट द्वारा ख्याल रखा जाता है।

3) मैंने देखा कि सबकुछ ठीक काम करता है, जब किसी भी प्रकार की चेतावनी() त्रुटि संदेशों के वास्तविक संलग्न होने से पहले प्रस्तुत की जाती है, लेकिन मैं ऐसी चेतावनी नहीं लेना चाहता हूं।

$('#randomFormElement').submit(function() { 
     $(this).ajaxSubmit({ 
      success: function (data, status) { 
       randomFunctionToReloadThePage(arg1, arg2, arg3); 
       var errors = $(data).find('.classNameOfTheErrors').xml(); 
       //alert(something); 
       $(errors).insertAfter('#idOfTheHiddenField'); 
      }, 
      error: function (jqXHR, textStatus, thrownError) { 
      //Error handling if the ajax response fails. 
      } 
     }); 
}); 

तो, मुख्य सवाल यह है:: क्या चेतावनी() यह काम बनाने के साथ सौदा है

यहाँ जावा स्क्रिप्ट कोड है?

==========================

क्रोम पर, यह किसी भी तरह से काम नहीं करता।

एफएफ पर, यह केवल तब काम करता है जब कुछ अलर्ट() मौजूद होता है।

अग्रिम धन्यवाद!

Answer 1

हर किसी के उत्तरों के लिए धन्यवाद, और विशेष रूप से गवी का जवाब, मैं इसे काम करने में कामयाब रहा। जाहिर है, यादृच्छिक FunctionToReloadThePage() में वास्तव में कुछ एसिंक्रोनस चल रहा था, और मैंने .ajaxStop() method.

संपादित करके इसे ठीक करने में कामयाब रहा: संपादित करें: AJAXStop() का उपयोग करते समय एक दूसरी बग मिली।समाधान मैंने पाया ठीक से काम कर इस प्रकार है:

1) randomFunctionToReloadThePage

2) के लिए एक अतिरिक्त पैरामीटर जोड़ें संबंधित पेज में अतिरिक्त पैरामीटर के साथ समारोह आह्वान।

Answer 2

alert() फ़ंक्शन कोड निष्पादन को अवरुद्ध करता है और इसके नीचे जावास्क्रिप्ट कोड की प्रसंस्करण में देरी करता है। यह AJAX अनुरोध को पूरा करने का समय दे सकता है।

Answer 3

जोड़ने का प्रयास: कैश: झूठी

$('#randomFormElement').submit(function() { 
    $(this).ajaxSubmit({ 
     cache: false, 
     success: function (data, status) { 
      randomFunctionToReloadThePage(arg1, arg2, arg3); 
      var errors = $(data).find('.classNameOfTheErrors').xml(); 
      //alert(something); 
      $(errors).insertAfter('#idOfTheHiddenField'); 
     }, 
     error: function (jqXHR, textStatus, thrownError) { 
     //Error handling if the ajax response fails. 
     } 
    }); 

});

Answer 4

यह कोई जवाब नहीं है लेकिन एक डिबगिंग टिप है (एक टिप्पणी में उचित कोड स्वरूपण नहीं कर सकता)।

alert() के बाद इन दो कॉल करें:

console.log("errors:", errors); 
console.log("hidden:", $('#idOfTheHiddenField')[0]); 

चेतावनी पर टिप्पणी छोड़ दो और इसे चलाने के। यह डेवलपर कंसोल में क्या दिखाता है?

फिर तुलना के लिए, अलर्ट को असम्बद्ध करें, इसलिए यह उन दो कॉलों से पहले चलता है, और इसे फ़ायरफ़ॉक्स में चलाता है। अब कंसोल में क्या है?