Lightweight jQuery plugin for AJAXifying forms
JavaScript HTML
Latest commit 980b74b Jan 23, 2017 @aziev 1.1.6
Permalink
Failed to load latest commit information.
demo reset form on success Jan 23, 2017
dist reset form on success Jan 23, 2017
.gitignore add minified version Oct 16, 2016
LICENSE add LICENSE Jan 13, 2017
README.md reset form on success Jan 23, 2017
gulpfile.js create dist folder Jan 15, 2017
package.json 1.1.6 Jan 23, 2017

README.md

Fajax

JQuery plugin for ajaxifying forms with file support. It's wrapper of $.ajax function.

It's extra lightweight: less than 0.5 KB of minified version.

Let's try the demo.

Installation

You can install it via npm:

npm install jquery.fajax

Or clone this repository:

git clone https://github.com/aziev/jquery.fajax

Or download it directly.

Usage

Just write your form markup like usually:

<form action="http://example.com/action.php" method="post">
    <input type="text" name="user">
    <input type="email" name="email">
    <input type="submit">
</form>

and then call the plugin:

$('form').fajax({
    success: function(){
        alert('The form was successfully sent');
    },
});

That's all! It will send the form without page reloading and alert message on success.

Parameters

Fajax has all parameters of $.ajax, except url, type, data, processData and contentType. You should set url, type and data in your markup.

It has one own parameter as well:

  • resetOnSuccess (boolean, default: true). Specifies clear or not form elements after successful upload.

Issues

If you found a bug or need a feature please write issue on Github.