Simple AJAX Form Submission Plugin with jQuery - Submitter

File Size: 18.1 KB
Views Total: 1407
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simple AJAX Form Submission Plugin with jQuery - Submitter

Submitter is a jQuery plugin which allows you to submit a form entirely using jQuery AJAX API that works without any page reload.

Basic usage:

1. Include jQuery library and the jQuery submitter plugin on your web page.

<script src="jquery.js"></script>
<script src="submitter.js"></script>

2. Create an html form.

<form id="form" action="request.json">
  ...
</form>

3. Call the submitter() method on the form.

$('form').submitter({
  /* options and callbacks */
});

4. Available options.

// Note: jQuery.ajax's options are available too.

// Request URL, use form's "action" property by default
// Type: String
url: '',

// Request method, use form's "method" property by default
// Type: String
method: '',

// Events (shortcuts)
// Type: Function
start: null,
done: null,
fail: null,
end: null

5. Public methods.

// initialize the plugin
$().submitter();

// destroy the plugin
$().submitter('destroy');

Change log:

2016-05-31

  • Fixed a bug of the "method" option.

This awesome jQuery plugin is developed by fengyuanchen. For more Advanced Usages, please check the demo page or visit the official website.