Comments on: Smart, unobtrusive AJAX form submission with jQuery

By: TheUiGuy

TheUiGuy — Wed, 24 Sep 2008 03:03:12 +0000

Here is one of the great things that jQuery does that mooTools doesn’t do so well.

If you are getting back, say html as the result of an ajax call, what does it take to parse that html and do something with the results?

In jQuery, its about as easy as you showed. jQuery naturally lends itself to this kind of thought. Although mooTools I find to be a more highly structured and even easier to use in some respects, this one area is where jQuery shines. And if you have to ask I am totally 50/50 on which framework I like better. I use both.

By: Jared Mellentine

Jared Mellentine — Tue, 23 Sep 2008 13:54:07 +0000

Dave: I agree and have shortened it up a bit, although too much of that can decrease readability. FWIW, the jQuery Form plugin seems like overkill for what I wanted to do.

By: Jared Mellentine

Jared Mellentine — Tue, 23 Sep 2008 13:45:01 +0000

Good point, Samori. I replaced it above and in the download.

By: Dave

Dave — Tue, 23 Sep 2008 13:09:10 +0000

Don’t forget the form plugin!
http://malsup.com/jquery/form/

Your submit event handler can be shortened significantly by eliminating all the excess variables:

var $form = $(this);
$.ajax($.extend({
type : $form.attr(‘method’) || ‘get’,
url : $form.attr(‘action’) || window.location,
data : $form.serialize()
}, options));
return false;

By: Samori Gorse

Samori Gorse — Tue, 23 Sep 2008 08:21:33 +0000

Please don’t use window.location when you meant window.location.href, this is not part of any standard and who knows, maybe tomorrow window.location.toString will return window.host…

I know that sounds stupid but it’s always good to avoid programming by accident.

The plugin is nicely written tough, really smart.