jQuery: richieste AJAX a partire da link con query string

Con jQuery possiamo creare richieste AJAX a partire da link contenenti query string.

Avendo un link come il seguente:

<a href="test.php?foo=1&bar=test"></a>

La soluzione jQuery è la seguente:

(function( $ ) {
	$.fn.ajaxLink = function( options ) {
		options = $.extend({
			callback: function() {}
		}, options);
		
		return this.each(function() {
			var $el = $( this );
			var href = $el.attr( "href" );
			var parts = href.split( "?" );
			var url = parts[0];
			var data = {};
			var queryParts = parts[1].split( "&" );
			
			for( var i = 0; i < queryParts.length; ++i ) {
				var part = queryParts[i];
				var q = part.split( "=" );
				data[q[0]] = q[1];
			}
			
			$el.on( "click", function( e ) {
				e.preventDefault();
				$.get( url, data, function( response ) {
					options.callback( response );
				});
			});
		});
	};
})( jQuery );