🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

fajax is a super small jQuery based AJAX form submission handler that allows you to send form data via XHR requests, with support for files and callback functions.

ajax-form ajax

Documentation

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.


You May Also Like