Skip to content

Aborting Ajax requests

Some modules abort running Ajax requests when an event is dispatched again.

In a nutshell, this is the jQuery code:

var saveRequest = null;

function onUpdate() {
    if (saveRequest) {
    saveRequest = $.ajax(settings.submit_url, {
        success: function(data) {
            //do something
            saveRequest = null;

The same thing can be done with fetch using an AbortController signal:

let controller;

function onUpdate() {
    if (controller) {
    // ensure a new controller is used for the new request
    controller = new AbortController();
    window.fetch(settings.submit_url, {
        signal: controller.signal,
        method: 'post',
    .then(response => {
        // do someThing


Be sure to instantiate a new controller instance after the previous one was aborted. It is not possible to reuse an aborted controller signal.