Skip to main content

Return to Answer

$(document).ready requires a Function as parameter. Changed $(document).ready(`code here`) to $(document).ready(function(){`code here`})
Source Link
edit approved Jul 10, 2018 at 8:07
Jay Dadhania
edit approved Jul 10, 2018 at 8:07
Jay Dadhania
  • 384
  • 3
  • 13

Just call xhr.abort() whether it's jquery ajax object or native XMLHTTPRequest object.

example:

//jQuery ajax
$(document).ready(function(){
    var xhr = $.get('/server');
    setTimeout(function(){xhr.abort();}, 2000);
});

//native XMLHTTPRequest
var xhr = new XMLHttpRequest();
xhr.open('GET','/server',true);
xhr.send();
setTimeout(function(){xhr.abort();}, 2000);

Just call xhr.abort() whether it's jquery ajax object or native XMLHTTPRequest object.

example:

//jQuery ajax
$(document).ready(
    var xhr = $.get('/server');
    setTimeout(function(){xhr.abort();}, 2000);
);

//native XMLHTTPRequest
var xhr = new XMLHttpRequest();
xhr.open('GET','/server',true);
xhr.send();
setTimeout(function(){xhr.abort();}, 2000);

Just call xhr.abort() whether it's jquery ajax object or native XMLHTTPRequest object.

example:

//jQuery ajax
$(document).ready(function(){
    var xhr = $.get('/server');
    setTimeout(function(){xhr.abort();}, 2000);
});

//native XMLHTTPRequest
var xhr = new XMLHttpRequest();
xhr.open('GET','/server',true);
xhr.send();
setTimeout(function(){xhr.abort();}, 2000);
correct a mistake and add a case
Source Link
cuixiping
cuixiping
  • 25.1k
  • 9
  • 86
  • 94

Be sure theJust call xhr.readyState is NOT 4abort() before abort itwhether it's jquery ajax object or native XMLHTTPRequest object.

example:

//jQuery ajax
$(document).ready(
    var xhr;

    var fnxhr = function$.get('/server'){;
        ifsetTimeout(xhr && xhr.readyState != 4function(){
            xhr.abort();
        }
     , 2000);
);

//native XMLHTTPRequest
var xhr = $.ajaxnew XMLHttpRequest({);
            url: xhr.open('GET','/server',true);
            success: xhr.send();
setTimeout(function(data) {
                //do something
            }
        }xhr.abort();
    };

    setInterval(fn, 2000);
);

Be sure the xhr.readyState is NOT 4 before abort it.

example:

$(document).ready(
    var xhr;

    var fn = function(){
        if(xhr && xhr.readyState != 4){
            xhr.abort();
        }
        xhr = $.ajax({
            url: '/server',
            success: function(data) {
                //do something
            }
        });
    };

    setInterval(fn, 2000);
);

Just call xhr.abort() whether it's jquery ajax object or native XMLHTTPRequest object.

example:

//jQuery ajax
$(document).ready(
    var xhr = $.get('/server');
    setTimeout(function(){xhr.abort();}, 2000);
);

//native XMLHTTPRequest
var xhr = new XMLHttpRequest();
xhr.open('GET','/server',true);
xhr.send();
setTimeout(function(){xhr.abort();}, 2000);
Source Link
cuixiping
cuixiping
  • 25.1k
  • 9
  • 86
  • 94

Be sure the xhr.readyState is NOT 4 before abort it.

example:

$(document).ready(
    var xhr;

    var fn = function(){
        if(xhr && xhr.readyState != 4){
            xhr.abort();
        }
        xhr = $.ajax({
            url: '/server',
            success: function(data) {
                //do something
            }
        });
    };

    setInterval(fn, 2000);
);