Best jQuery Ajax Plugins & Tutorials with Demo

    Tokenize : jQuery Select Multiple Items with Autocomplete

    Tokenize : jQuery Select Multiple Items with Autocomplete

    jQuery Tokenize is a plugin which allows your users to select multiple items from a predefined list or ajax, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook or tags on tumblr.

    • Intuitive UI for selecting multiple items from a large list
    • Easy to skin / style purely in css, no images required
    • Supports any backend which can generate JSON, including PHP, Rails, Django, ASP.net
    • Callbacks when items are added or removed from the list
    • Select, delete and navigate items using the mouse or keyboard

    HTML 5 Upload Image, Ratio with Drag and Drop

    HTML 5 Upload Image, Ratio with Drag and Drop

    A HTML5 Upload image tool, full use of HTML5 with canvas (with fallback options). Together with a ratio and drag & drop makes this tool ideal for use in a CMS.

    Features:

    • uses canvas to crop the image, no server scripts needed!
    • want to use a server script, no problem! simple change it with additional options
    • full HTML5 support
    • save your image with AJAX or use the tradional FORM input file element
    • uses ratio to let it fit your screen or element
    • easy to use
    • additional options to configure
    • bootstrap 3.1
    • jQuery

    OpenMes : jQuery Open Messages With Animation Effects

    OpenMes : jQuery Open Messages With Animation Effects

    OpenMes is a jQuery plugin that is used to create unlimited popups, lightbox, messages, notifications with a lot of animation effects, support text, images, videos and also complicated HTML code. Additionally, OpenMes allows to combine inline and AJAX content for best SEO and performance.

    JavaScript Web Grabber

    JavaScript Web Grabber

    JavaScript Web Grabber is a web application that helps you produce JavaScript codes to automatically get HTML from a web page on the internet and display it on your website or blog. For example, say you want to get the latest MLB scores from cbssports.com, all you need to do is give the site name and the id of the element to the app, then the app provides you with some code to put in the source code of your page, so whenever someone visits your page they get the latest MLB scores directly from cbssports.com.

    Typically, getting HTML from other websites is done using PHP, which slows down your server; JavaScript Web Grabber lets you do that with JavaScript without any pressure on your server. Additionally, there’s an option to fall back to traditional method via ajax.

    Ajax Upload and Resize an Image with PHP

    Ajax Upload and Resize an Image with PHP
    Today I am presenting the most important social networking feature called ajax upload and resize an image without refreshing the page using jquery and PHP. This tutorial a continuation of my previous post, I just included image re-sizing function for different dimensions. It is very useful for your web project that saves lots of hosting space and bandwidth limit.

    Add edit delete Rows dynamically using jQuery & Php

    Add edit delete Rows dynamically using jQuery & Php
    Today we are going to design a dynamic table, in which we can dynamically add rows to table using javascript remove rows number of times without refreshing a page even once and thats also with cool javascript animation.
    This scripts turns table into editable grid, You can add new row, edit existing row, delete row also you can edit a single cell and all this happens with ajax so not even single page refresh required. This is configurable script so you can easily attach it to your existing page.

    SmoothState.js : jQuery plugin for Smooth Page loads

    SmoothState.js : jQuery plugin for Smooth Page loads

    We’ve accepted the jankiness of page loads as a quirk of the web even though there is no technical reason for it. smoothState.js lets you add transitions to eliminate the hard cuts and white flashes of page loads that deface the beauty of the user experience.

    Youtube-like jQuery Ajax Loading Bar

    Youtube-like Ajax Loading Bar

    A little jQuery plugin that will let you add a Youtube-like loading bar to all your ajax links.