All posts in Ajax

jQuery File Download Plugin for Ajax

jQuery File Download Plugin for Ajax

jQuery File Download is a cross server platform compatible jQuery plugin that allows for an Ajax-like file download experience that isn’t normally possible using the web.

bootstrap-ajax : Adding declarative ajax functionality to your website

bootstrap-ajax : Adding declarative ajax functionality to your website

This plugin is designed to work with Twitter Bootstrap to enable declarative AJAX support.

No more writing the same 20 line $.ajax blocks of Javascript over and over again for each snippet of AJAX that you want to support. Easily extend support on the server side code for this by adding a top-level attribute to the JSON you are already returning called "html" that is the rendered content. Unlike a backbone.js approach to building a web app, bootstrap-ajax leverages server side template rendering engines to render and return HTML fragments.

Auto Load More Data On Page Scroll with jQuery & PHP

Auto Load More Data On Page Scroll with jQuery & PHP

In this tutorial we learn how about loading database records automatically when user scrolls down to the bottom of the page? The technique can be seen in Twitter, Facebook and several other websites. Let’s use examples from previous article, with some modification we can create Ajax based auto loading script, which loads records when user scrolls to bottom of the page.

Tweet to Unlock with jQuery & PHP

Tweet to Unlock with jQuery & PHP

In this tutorial article, let’s create simple “Tweet to Unlock” feature for your web page using jQuery Ajax and PHP.

Events are triggered when user successfully tweets the page, to capture some information from Twitter, we can add a “listeners” to the actions users perform in Web Intents. Once we know the user has Twitted the page, we can make an Ajax request to a PHP file, which will respond to this request  by sending the unlocked data to user browser. Here’s complete code example of a page which has some content to be unlocked by Twitting.

Smooth Diagonal Fade Gallery with CSS3 Transitions & jQuery

Smooth Diagonal Fade Gallery with CSS3 Transitions & jQuery

In this tutorial we are going to create a gallery with a smooth diagonal fade effect, powered by css3 transitions. It will scan a folder with photos on the server and display them in a grid that spans the entire browser window. Adding new photos is as easy as copying two files (a regular image and a thumbnail, preferably 150×150 px) to the gallery folder.

CSS3 capable browsers will show a smoothly animated diagonal fade effect, while older browsers will fall back to a simpler but still perfectly usable non-animated version of the gallery.

Waterfall : jQuery Pinterest Like Layout Plugin

Waterfall : jQuery Pinterest Like Layout Plugin

Waterfall is a powerful and customizable jQuery plugin for creating dynamic and responsive Pinterest like layout which supports infinite ajax scroll.

Facebook Like System with Jquery, MySQL and PHP

Facebook Like System with Jquery, MySQL and PHP

Facebook like system is one of the best implementation in social network systems, may be in future based on like data Facebook going to launch semantic search engine. In this post I have explained how to implement like/unlike system database design and web implementation with PHP and jquery.

CRUD with PHP and jQuery for a Better User Experience

CRUD with PHP and jQuery for a Better User Experience

We already have a PHP CRUD tutorial in this blog and now we are going to add some AJAX functions to it with the help of jQuery. This will enable smoother user experience and faster loading of page data because your whole page won’t have to refresh every time.

This tutorial will only focus on creating, reading, updating and deleting records from a MySQL database with the help of PDO and jQuery.

Mini AJAX File Upload Form with jQuery

Mini AJAX File Upload Form with jQuery

In this tutorial we are going to create an AJAX file upload form, that will let visitors upload files from their browsers with drag/drop or by selecting them individually. For the purpose, we will combine the powerful jQuery File Upload plugin with the neat jQuery Knob to present a slick CSS3/JS driven interface.

jQuery Async : Plugin to Animate buttons when an asynchronous process

jQuery Async : Plugin to Animate buttons when an asynchronous process

jQuery Async is a library made to easily animate clickable buttons triggering asynchronous processes such as Ajax requests This library is made on top of jQuery and Bootstrap.



Best jQuery websites design awards