TAG: jQuery

DailyGit is a web development blog that talk about the best web technologies and techniques useful to learn JavaScript, PHP, HTML5, CSS3 and much more in the right way.

AJAX jobs with jQuery

Like I said in previous posts, AJAX is just the "normal" way to move a website nowadays. AJAX stands for Asynchronous JavaScript and XML and it's a software development technique that lets the client and the server communicate in background, serving new content, solve new queries and much more without reload a web page. It's a ninja, simple.

Today I want to show you how you can do AJAX stuff with jQuery using the .ajax() instruction. Let's learn the basic function useful for you web apps.


Load simple HTML

A simple ajax job could be loading some HTML code saved on another web page. In fast words, we have to call that webpage, take its content and paste in on

Create a simple AJAX contact form with jQuery and PHP

Surfing the web today is simply amazing: websites of big companies looks gorgeous (well...not everyone, but the most), simple web applications tries to give stunning user experience with motion effects and nice web page transitions.

To give the user a feeling of continuity between change pages, launch actions and interactions between different aspect of the website, developers use AJAX techniques (Asynchronous JavaScript and XML), the way to manipulate data and interact with a server asynchronously, in background, like a ninja.

Forms are also touched by this trend: validation and submission are done in silent way, without reloading the page and using nice animation effects.

In this post I want to show you how to create a simple AJAX form

Difference between document.ready and window.load in jQuery

On of the most useful thing in jQuery, if not the most useful, is for sure its beautiful event system, that could help you and speed up development on the JavaScript side of your web application. Its simplicity is really a fundamental weapon of this library and it provides a lot of tools for every situation on your road.

Today I want to talk about DOM and resource events, more specifically about two of the most used events by developers: document.ready and window.load.


document.ready

The first one is the event that is triggered when the DOM is ready: the browser have read all the DOM three and build its structure. This event occurs when the markup of