Forms

Developers should use getFormFields to retrieve data from html forms for API requests.

getFormFields only retrieves data from form elements with a name attribute.

The object returned can be used to validate the form data.

in api.js

'use strict';

const ajaxDefaults = {
  url: 'http://localhost:3000',
};

const myRequest = (data, success, fail) => {
  $.ajax(Object.assign({ method: 'POST', data }, ajaxDefaults))
  .done(success)
  .fail(fail);
};

module.exports = {
  myRequest,
};

in ui.js

'use strict';

const success = (data) => {
  // handle success
};

const failure = (err) => {
  // handle failure
};

module.exports = {
  success,
  failure,
}

in index.js

'use strict';

const getFormFields = require('../../lib/get-form-fields');
const api = require('./api');
const ui = require('./ui');

$(() => {
  $('#my-form').on('submit', function (e) {
    let data = getFormFields(this);
    e.preventDefault();
    api.myRequest(data, ui.success, ui.failure);
  });
});