Ajax Submit Example

ajax-submit.js

/* ajax submit example */

$(function(){
	// example 1 (only POST)
	$('#form-id').submit(function(e){
		e.preventDefault();
		var frm = this;
		var ajax_opts = {};
		
		ajax_opts.url = $(frm).attr('action');
		ajax_opts.type = 'post';
		ajax_opts.cache = false;
		
		if(window.FormData){
			ajax_opts.data = new FormData(frm);
			ajax_opts.processData = false;
			ajax_opts.contentType = false;
		}else{
			ajax_opts.data = $(frm).serialize();
		}
		
		ajax_opts.success = function(result){
			// do stuff
		};
		
		$.ajax(ajax_opts);
	});
	
	// example 2
	$('#form-id').submit(function(e){
		e.preventDefault();
		var frm = this;
		var ajax_opts = {};
		
		ajax_opts.url = $(frm).attr('action');
		ajax_opts.type = $(frm).attr('method');
		ajax_opts.cache = false;
		
		if(ajax_opts.type.toUpperCase() == 'GET'){
			ajax_opts.url += ((ajax_opts.url.indexOf('?') > -1) ? '&' : '?') + $(frm).serialize();
		}else{
			ajax_opts.data = $(frm).serialize();
		}
		
		ajax_opts.success = function(result){
			// do stuff
		};
		
		$.ajax(ajax_opts);
	});
	
	// example 3
	/*
	Use jQuery form plugin
	http://malsup.com/jquery/form/
	https://github.com/malsup/form/
	*/
});