jQuery表单插件 - 中止请求

Question

I am trying to abort a jQuery form plugin ajax request.

NOTE: I am talking about this plugin http://jquery.malsup.com/form , not $.ajax()

I generally do this to abort $.ajax() request:

if(typeof this.query !== 'undefined'){
    this.query.abort();
}

this.query = jQuery.ajax({
...
...
});

but with jQuery from plugin , this does not work. I seen some solutions on SO, which uses beforeSend to abort, but that solution will not work for me.

I want to check if ajax request running for same form, then abort previous request before sending new request.

Please suggest a way to abort jQuery from request.

Thanks

Answer 1

You can access the xhr from the malsup form and abort the request like so:

var form = $('#myForm').ajaxSubmit({ ... });
var xhr = form.data('jqxhr');

xhr.abort();