मुझे कैसे पता चलेगा कि jQuery के पास अजाक्स अनुरोध लंबित है?

Question 1

मुझे हमारे द्वारा किए गए jQuery नियंत्रण के साथ कुछ समस्याएं हैं। मान लें कि आपके पास एक ड्रॉपडाउनलिस्ट है जो आपको उस आइटम की आईडी दर्ज करने की अनुमति देता है जिसे आप ढूंढ रहे हैं, और जब आप ENTER दबाते हैं या एक टेक्स्टबॉक्स में ध्यान केंद्रित करते हैं तो यह jQuery के माध्यम से मान्य करता है कि आपके द्वारा दर्ज की गई आईडी सही है, अगर यह नहीं करता है तो अलर्ट दिखा रहा है 'टी।

बात यह है कि जब एक सामान्य उपयोगकर्ता इसमें एक अमान्य मान दर्ज करता है और सबमिट बटन दबाकर फ़ोकस खो देता है, तो फॉर्म जमा होने के बाद jQuery पोस्ट वापस आ जाता है।

क्या कोई तरीका है जो मैं देख सकता हूं कि क्या jQuery द्वारा कोई Async अनुरोध प्रसंस्करण है ताकि मैं फ़ॉर्म सबमिट करने की अनुमति न दूं?

Question 2

आप इस्तेमाल कर सकते हैं ajaxStart और ajaxStop जब अनुरोध सक्रिय हैं का ट्रैक रखने के।

Question 3

$.active सक्रिय अजाक्स अनुरोधों की संख्या लौटाता है।

अधिक जानकारी यहाँ

Question 4

 $(function () {
        function checkPendingRequest() {
            if ($.active > 0) {
                window.setTimeout(checkPendingRequest, 1000);
                //Mostrar peticiones pendientes ejemplo: $("#control").val("Peticiones pendientes" + $.active);
            }
            else {

                alert("No hay peticiones pendientes");

            }
        };

        window.setTimeout(checkPendingRequest, 1000);
 });

Question 5

$ .Ajax () फ़ंक्शन एक XMLHttpRequest ऑब्जेक्ट देता है। उस चर में संग्रहीत करें जो सबमिट बटन के "ऑनक्लिक" ईवेंट से सुलभ है। जब सबमिट क्लिक पर संसाधित चेक को देखने के लिए देखें कि क्या XMLHttpRequest वैरिएबल है:

1) अशक्त, जिसका अर्थ है कि अभी तक कोई अनुरोध नहीं भेजा गया है

2) है कि तैयार मूल्य 4 है (लोड)। इसका मतलब है कि अनुरोध भेज दिया गया है और सफलतापूर्वक वापस आ गया है।

उन दोनों में से किसी भी मामले में, सही लौटें और जमा को जारी रखने की अनुमति दें। अन्यथा सबमिट को ब्लॉक करने के लिए गलत तरीके से लौटें और उपयोगकर्ता को कुछ संकेत दें कि उनकी सबमिट क्यों नहीं हुई। :)

Question 6

यदि अनुरोध सक्रिय है, तो हमें अनुरोध को रद्द करने के लिए $ .ajax.abort () पद्धति का उपयोग करना होगा। यह वादा ऑब्जेक्ट का उपयोग करता readyState कि क्या अनुरोध सक्रिय है या नहीं की जाँच करने के संपत्ति।

एचटीएमएल

<h3>Cancel Ajax Request on Demand</h3>
<div id="test"></div>
<input type="button" id="btnCancel" value="Click to Cancel the Ajax Request" />

जेएस कोड

//Initial Message
var ajaxRequestVariable;
$("#test").html("Please wait while request is being processed..");

//Event handler for Cancel Button
$("#btnCancel").on("click", function(){
if (ajaxRequestVariable !== undefined)

if (ajaxRequestVariable.readyState > 0 && ajaxRequestVariable.readyState < 4)
{
  ajaxRequestVariable.abort();
  $("#test").html("Ajax Request Cancelled.");
}
});

//Ajax Process Starts
ajaxRequestVariable = $.ajax({
            method: "POST",
            url: '/echo/json/',
            contentType: "application/json",
            cache: false,
            dataType: "json",
            data: {
        json: JSON.encode({
         data:
             [
                            {"prop1":"prop1Value"},
                    {"prop1":"prop2Value"}
                  ]         
        }),
        delay: 11
    },

            success: function (response) {
            $("#test").show();
            $("#test").html("Request is completed");           
            },
            error: function (error) {

            },
            complete: function () {

            }
        });