मैं फ़ॉर्म को रोकने या अनुमति देने के लिए jQuery $ .ajax फ़ंक्शन का उपयोग कैसे कर सकता हूं?

Question

$('#post_form').submit(function() { 
    $("#ajax_bar_loader").show(); 
    $.ajax({ 
     url: 'add.html', 
     data: $('#post_form').serialize(), 
     dataType: 'json', 
     type: 'post', 
     success: function(result) { 
      retVal = formCheck(result); 
     } 
    }); 

    return false; 
}); 

यही मेरा कोड जैसा दिखता है और "वापसी झूठी" के बजाय, मैं इसे "परिणाम" में निहित डेटा को अनुमति देना चाहता हूं। मैं यह कैसे हासिल कर सकता हूं?

Answer 1

आप इस तरह यह कर सकता है:

$.ajax({ 
    url: 'add.html', 
    data: $('#post_form').serialize(), 
    dataType: 'json', 
    type: 'post', 
    success: function(result) { 
     retVal = formCheck(result); 
     if(retVal) 
      $('#post_form').unbind('submit').submit(); 
     else 
      alert('Error with your form! Oh crap!'); 
    } 
}); 

जब से तुम वापस पोस्ट कर रहे हैं और छोड़ रहा है, यह सिर्फ अगर सफल इस हैंडलर unbinds और सामान्य रूप से होने सबमिट जब यह लागू की सुविधा देता है, तो कोड दौड़ता नहीं है और फिर से जांचता है, यह बस सबमिट करता है।

Answer 2

 
    success: function(result) { 
     ... 
     document.forms.post_form.submit(); 
    } 

Answer 3

मैं सामान्य फॉर्म जमा करने से रोकने के लिए ईवेंट हैंडलर के अंत में हमेशा false लौटने का सुझाव दूंगा। सबमिट करने से पहले हैंडलर निम्नलिखित $.ajax कॉल है पूरा करता निष्पादन अवास्तविक है, कोड के बाद से आग

$('#post_form').submit(function() { 
    $("#ajax_bar_loader").show(); 
    $.ajax({ 
     url: 'add.html', 
     data: $('#post_form').serialize(), 
     dataType: 'json', 
     type: 'post', 
     success: function(result) { 
      if(result == 'something') { 
       alert("some error happened"); 
      } else { 
       // assuming we're visiting the form's action 
       window.location.href = $(this).attr("action"); 
      } 
     } 
    }); 
    return false; 
}); 

सफलता कॉलबैक पर निर्भर: $.ajax को सफलता कॉलबैक के भीतर, आप सशर्त सर्वर से प्रतिक्रिया के आधार पर रीडायरेक्ट कर सकता है सफलता कॉलबैक निष्पादन से पहले मूल्यांकन किया जाने की संभावना है ($.ajax असीमित रूप से चलाएगा)।

Answer 4

मुझे यकीन नहीं है कि यह आपकी समस्या के लिए काम करेगा, लेकिन क्या होगा यदि आपने AJAX अनुरोध को तुल्यकालिक बनाया है?

मुझे यह डमी कोड "काम" करने के लिए मिला है, यह AJAX अनुरोध को निकाल देता है और फिर एक बूलियन सेट करता है। फिर फॉर्म बूलियन के आधार पर सही या गलत लौटाता है:

$(document).ready(function() { 
    $('form').submit(function() { 
     var should_return = false; 
     $.ajax({ 
      async: false, 
      url: 'test.php', 
      type: 'post', 
      success: function() { 
       // Do some type of check 
       should_return = true; 
      } 
     }); 
     return should_return; 
    }); 
});