XMLHttpRequest vs. $.ajax

$.ajax.js

// does anyone like this API
$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

native-xhr.js

// require the `xhr` module -- assumes we are using a sane module loader (ES6, Component, Browserify)
var xhr = require('./xhr');

// simple DOM API
var frm = document.getElementById('form');

// inject form and callback
xhr(frm, success);

xhr.js

// quick and dirty XHR abstraction -- definitely do not need jQuery for this sort of thing.
module.exports = function (form, success) {
  var request = new XMLHttpRequest();
  
  request.onload = success;
  request.open(form.method, form.action);
  request.send(new FormData(form));
  
  return request;
}