Ajax timeout dengan jQuery

jquery-ajax-timeout.js

'use strict'

function fetchTimeout(url, timeout, {signal, ...options} = {}) {
  function createJqueryAjaxAbortAdapter(signal) {
    return function(jqXhr) {
      signal.addEventListener("abort", () => {
        jqXhr.abort();
      });
    };
  }

  const ctrl = new AbortController()
  const ajaxReq = (url, ctrl, options) => {
    return $.ajax({
      beforeSend: createJqueryAjaxAbortAdapter(ctrl.signal),
      method: options.method || 'GET',
      url: url
    })
  }

  const promise = ajaxReq(url, ctrl, {})
  setTimeout(() => ctrl.abort(), timeout)
  return promise
}

// Contoh penggunaan
fetchTimeout('https://example.com/long-run', 6000, {})
.done(resp => console.log(resp))
.fail(err => console.log(err))