Best jQuery Ajax Plugins & Tutorials with Demo

    Bootstrap Table with jQuery

    Bootstrap Table with jQuery

    The table displays data in a tabular format and offers rich support to radio, checkbox, sort, pagination and so on. The table has been designed to reduce development time and to require no specific knowledge from developers. It is both featherweight and feature-rich.

    Features:

    • Created for Bootstrap 3 (Bootstrap 2 supported)
    • Responsive web design
    • Scrollable Table with fixed headers
    • Fully configurable
    • Via data attributes
    • Show/Hide columns
    • Show/Hide headers
    • Get data in JSON format using AJAX
    • Simple column sorting with a click
    • Format column
    • Single or multiple row selection
    • Powerful pagination
    • Card view
    • Localization

    jQuery Cascading Dropdown Plugin

    jQuery Cascading Dropdown Plugin

    A simple and lighweight jQuery plugin for cascading dropdown.Dropdowns with dependencies will react based on the rules given, and fetch its own list from the server via Ajax.You can provide an array of strings or objects, or a function as the dropdown data source.

    jQuery Ajax Upload Previewer

    jQuery Ajax Upload Previewer

    Dynamic show preview of the selected image before upload it, by jQuery.

    HTML5 Inline Edit with PHP, MYSQL & jQuery Ajax

    HTML5 Inline Edit with PHP, MYSQL & jQuery Ajax
    Now a days, We are always looking for easiest way for people to interact with our Web Applications. I am going to tell you about In-Place Editing or Inline Editing. Popular websites like facebook wants their user to edit their profile information without having to navigate to different form.

    HTML5′s new attribute called contenteditable , It takes care of inline editing automatically. We should write little jQuery code to send the data back to the server, so we can save it. Biggest advantage is we don’t need to create and toggle hidden forms.

    jQuery-Pjaxr : Pushstate aJAX eXtended Replacements

    jQuery-Pjaxr : Pushstate aJAX eXtended Replacements

    jquery-pjaxr is jQuery plugin that uses ajax and pushState to deliver a fast browsing experience.It is able to replace multiple containers and different head tags with full back-forward functionality.

    There is already an awesome plugin called jquery-pjax on which this project is based. For not breaking existing frontends but to support the same port to the server this library is named pjaxr and accepts the same header X-PJAX.

    Smart Forms with jQuery Html5 & CSS3

    Smart Forms with jQuery Html5 & CSS3

    Smart Forms is a responsive professional Form Framework / pack with a clean consistent Form UI. The framework includes a variety of form Widgets such as Datepickers, Timepickers, Monthpickers, Colorpickers, Numeric Steppers, UI Sliders, Google maps, toggle switches validation, masking among other features.

    Features:

    • Multiple form inputs
    • File inputs / uploaders
    • CSS3 checkboxes + Radios
    • CSS3 toggle switches
    • CSS3 review & rating
    • Tooltips + vector icons
    • Notification alerts
    • CSS3 multi shape buttons
    • Animated progress bars
    • Simple pricing tables
    • Ajax form processing
    • Input masking
    • PHP CAPTCHA with refresh support
    • 40+ starter templates included
    • Date & time picker widgets

    jQuery FormChimp : A customizable MailChimp ajax plugin for jQuery

    jQuery FormChimp : A customizable MailChimp ajax plugin for jQuery

    A customizable MailChimp ajax plugin for jQuery, provides an easy and lightweight way to let your users sign up to your MailChimp list.

    Features:

    • Customizable Error and Success messages.
    • Ability to specify which element the output should be appended to, if it exists or where the element should be created
    • Automatically transforms the mailchimp signup url in the JSONP format
    • Changes the value of the button if the response is successful
    • This solution is language agnostic, only dependency is jQuery.
    • is AJAX-enabled, but degrades gracefully if Javascript isn’t turned on
    • Multiple sign-up forms, for multiple lists.

    jQuery Lazy Load XT plugin

    jQuery Lazy Load XT plugin

    Lazy load XT is a jQuery plugin for images, videos and other media.Mobile-oriented, fast and extensible jQuery plugin for lazy loading of images/videos with build-in support of jQueryMobile framework.

    How to Check Expired Sessions using PHP & jQuery Ajax

    How to Check Expired Sessions using PHP & jQuery Ajax

    My readers are asking that how do we display message to users that their sessions got expired. So I thought this tutorial will really useful to lots of web developer who working on session based websites.

    I have used javascript timing event –  setInterval() – executes a function, over and over again, at specified time intervals

    The setInterval() method will wait a specified number of milliseconds, and then execute a specified function, and it will continue to execute the function, once at every given time-interval.

    Mashable Style Ajax Drop Down Menu using PHP, Mysql & jQuery

    Mashable Style Ajax Drop Down Menu using PHP, Mysql & jQuery

    Everyone knows that Mashable is the world’s largest independent website dedicated to news, information, technology and resources for the connected generation. Now I am going to explain you about how to create mashable style dynamic drop down menu using Php, Mysql & jQuery Ajax.In mashable, you can able to see all posts from the category from their header drop down menu.