AJAX Tutorial

Getting started AJAX tutorial learn easily. Every AJAX tutorial lesson explain step by step with sample ajax code examples with run yourself in snippet editor environment.

What is Ajax?
Ajax - Asynchronous JavaScript and XML.
JavaScript with AJAX you can able to make background server calls for fetching addition data, Updating some portion in web page without refreshing the whole page.

Ajax Tutorial

AJAX Introduction

This chapter explain the introduction about What is Ajax. Ajax behind Process (How to Work Ajax) and benefits of Ajax.

AJAX How to Work

How to AJAX work? - Explain the background process of AJAX with visual diagram. Also explain the process step.

AJAX Advantages

Learn AJAX advantages and disadvantages. Seven most popular AJAX Advantage for making compact interactive web application.

Learn Which are the limitation of Ajax. Learn Ajax disadvantage.

AJAX Request

XMLHttpRequest Object

Define XMLHttpRequest
open() method
send() method
Set Callback Function
Simple Example

XMLHttpRequest Methods

setRequestHeader()
abort()
getResponseHeader()
getAllResponseHeaders()

XMLHttpRequest Property

onreadystatechange
readyState
status
statusText
responseText/XML/Body

AJAX Examples

Get Simple Text Data

Create a simple XMLHttpRequest to retrieve text format data from server using HTTP Request.

Get Image

Create a simple XMLHttpRequest to retrieve image (blob image) from server using HTTP Request. encode64 algorithm to convert into base64.

Get Gravatar Image

Get Simple XML Data

Create a simple XMLHttpRequest to retrieve XML format data from server using HTTP Request.

External Ajax File

Create a simple XMLHttpRequest to check browser is support XMLHttpRequest and return the response. You can also implement JavaScript in external file.