Articles Tagged with ajax

You are currently browsing 2 articles tagged with ajax.

  • How to Build an aFramework Module

    Published Friday 16th of April 2010

    As a follow up to "How aFramework Works" I thought I'd explain how to build your own modules for aFramework.

    It's actually very simple. Of course you'll need to know the languages you'll be writing but I assume you do. The simplest modules consist of nothing but HTML.

    Be the first to post a comment

  • Super Simple Ajax (Without a Framework)

    Published Friday 12th of June 2009

    If you're looking for the bare minimum when it comes to doing cross-browser GET or POST XHR then this might be the script for you.

    I know there's hundreds (probably thousands) of these scripts out there already but even the most lightweight ones I could find seemed kind of bloated.

    Example

    // GET latest-comments.php and update the #latest-comments element
    superSimpleAjax({url'latest-comments.php'}, 'latest-comments');

    // GET article with ID 12 and alert its contents
    superSimpleAjax({
        
    url:        'get-article.php'
        
    data:        'id=12'
        
    callback:    function (data) {
            
    alert(data);
        }
    });

    // POST a comment to post-comment.php
    superSimpleAjax({
        
    method:        'POST'
        
    url:        'post-comment.php'
        
    data:        'author=John Doe&email=johndoe@johndoe.com&content=Hi, my name is John Doe'
        
    callback:    function (data) {
            
    alert('Thanks for your comment!');
        }
    });

    Grab the code from Google Code. It's about 1k uncompressed.

    Enjoy!

    Be the first to post a comment

Random jQuery Plug-ins

  • Image Zoom

    This plug-in makes links pointing to images open in the "Image Zoom". Clicking a link will zoom out the clicked image to its target-image. Click anywh...

    Details

  • Code Block Toolbar

    If you post code-examples on your site you can use this plug-in to add some nifty buttons below each code-example that allows the user to, for example...

    Details

  • Checked checkbox-parent

    This tiny plug-in adds and removes a 'checked'-class to input[type=checkbox]'s parents. Very useful if you want to style the entire wrapping <label>-e...

    Details

More Plug-ins

Recent Comments

  1. AL on "Accessible, Stylish Modal Windows With Modern CSS"

    @Matt - What exactly isn't working? "Not working" ...

  2. roboteich on "Accessible, Stylish Modal Windows With Modern CSS"

    This is hardly accessible. Screen reader focus is...

  3. Matt on "Accessible, Stylish Modal Windows With Modern CSS"

    I have tried to implement this, but for some reaso...

Page cached. Loaded in: 0.0073 second(s).
Last DB change: 2010-09-03 17:14:49
Last file change: 2010-08-12 15:31:16
Cache created: 2010-09-03 19:44:56