jQuery: पृष्ठ अनलोड पर स्वचालित रूप से AjaxRequests को निरस्त करें?

Question

पढ़ने के लिए धन्यवाद।

मैंने देखा है कि यदि मेरे पास एक पृष्ठ है जिसमें एक या अधिक AJAX अनुरोध खुले हैं, और मैं एक पृष्ठ छोड़ने के लिए एक लिंक पर क्लिक करता हूं, या इसे रीफ्रेश करता हूं, तो यह अजाक्स अनुरोधों को अनलोड करने से पहले पूरा करने की प्रतीक्षा करेगा।

यह आमतौर पर एक मुद्दा नहीं है, लेकिन अगर अनुरोध में कुछ समय लगता है, तो यह हो सकता है।

मैं की तरह कुछ के लिए देख रहा हूँ:

$(window).bind("beforeunload", function() {AjaxRequest.abort();}); 

स्वचालित रूप से अनलोड पहले कभी अनुरोधों को निरस्त करने के लिए है, लेकिन काफी यकीन नहीं ajax अनुरोध लगाने के लिए कैसे। क्या वे कहीं खिड़की के नीचे होंगे?

Answer 1

$.ajax() jQuery विधि XMLHttpRequest ऑब्जेक्ट देता है। इसका मतलब है कि आप ऑब्जेक्ट पर मानक विधियों को लागू कर सकते हैं, जैसे abort()।

unload jQuery ईवेंट विधि में निर्मित उपयोग को अनलोड करने के लिए।

var myajax = $.ajax(...); 
$(window).unload(function() { myajax.abort(); }); 

Answer 2

लगता है कि तुम प्रत्येक अनुरोध के लिए window.onunload घटना प्लस AjaxRequestX = $ .Get (...) जरूरत है, हो सकता है सरणी में वस्तुओं रखने के लिए और अनलोड पर उन के माध्यम से जाना।

Answer 3

मुझे अभी यह समस्या थी, मैं PHP में एक लूप-लूप कर रहा था जिसे $ .ajax से बुलाया जा रहा था। मेरा समाधान session_write_close() जोड़ना था; लंबे लूप से पहले।

मेरा सिद्धांत यह है कि क्रोम अगले पृष्ठ से पहले किसी भी पृष्ठभूमि AJAX अनुरोधों को रद्द करने का अनुरोध करता है। यदि आपका AJAX अनुरोध वही _SESSION है जिस पृष्ठ पर आप नेविगेट कर रहे हैं और फिर से, तो आपके पास PHP कोड की पहली पंक्ति भी हिट होने से पहले एक डेडलॉक है।

Answer 4

आपको अपने सभी AJAX अनुरोध को जारी रखना होगा और जब पृष्ठ सभी अनुरोधों को निरस्त कर रहा है। निम्नलिखित कोड का परीक्षण किया और रोकता है नमूना

var _requests = []; 

var _abortAllRequests = function() { 
    $(_requests).each(function (i, xhr) { xhr.abort(); }); 

    _requests = []; 
} 

$(window).on("beforeunload", function() { 
    _abortAllRequests(); 
}); 

कहीं अपने कोड में

_requests.push($.ajax(...)) 

इसके अतिरिक्त आप के साथ घटनाओं ajaxStart ajaxStop $ .ajaxSetup का उपयोग किया अनुरोध पॉप कर सकते हैं, लेकिन इसके ऊपर आप

Answer 5

को क्रोम में पेज अनलोड पर सभी बकाया jQuery AJAX अनुरोध, लेकिन यह एज और आईई द्वारा ग्राहकों के साथ-साथ त्रुटि के बिना भी उपयोग किया जाता है।

निम्नलिखित रखो पहले jQuery ready हैंडलर के रूप में:

$(onPageLoaded) 

और यह कहीं सुलभ डाल:

function onPageLoaded() { 
    var jqxhrs = []; 

    $(window).bind("beforeunload", function (event) { 
     $.each(jqxhrs, function (idx, jqxhr) { 
      if (jqxhr) 
       jqxhr.abort(); 
     }); 
    }); 

    function registerJqxhr(event, jqxhr, settings) { 
     jqxhrs.push(jqxhr); 
    } 

    function unregisterJqxhr(event, jqxhr, settings) { 
     var idx = $.inArray(jqxhr, jqxhrs); 
     jqxhrs.splice(idx, 1); 
    } 

    $(document).ajaxSend(registerJqxhr); 
    $(document).ajaxComplete(unregisterJqxhr); 
};