node package manager
Orgs are free. Discover, share, and reuse code in your team. Create a free org »

jquery.fajax

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.