• Shyamala Prayaga

Ajax Simplified

I use to think Ajax is very difficult, but as and when I dived into it, I realized its way too simple.

This is a small summary of Ajax from one of my presentation

So what is Ajax?

  1. Ajax stands for Asynchronous JavaScript and XML

  2. Ajax is not a new technology but a New technique for creating better, faster and interactive applications

The backbone of Ajax is JavaScript, XML, HTML, CSS

The next question, how Ajax works?

JavaScript communicates directly with the server, through the JavaScript XMLHttpRequest object.

The XMLHttpRequest object have 3 properties onreadystatechange property , readyState property , responseText property.

onreadystatechange property – stores the function that will process the response from a server

readyState property – readyState property holds the status of the server’s response.

responseText property – The data sent back from a server can be retrieved with the responseText property.

Next question is how do we send response to the server?

This is done through 2 methods of XMLHttpRequest object, open and send.

open() method takes three arguments The first argument defines which method to use when sending the request (GET or POST). The second argument specifies the URL of the server-side script. The third argument specifies that the request should be handled asynchronously.

Send() method sends the request off to the server.

#Ajax

PRAYAGA
SHYAMALA
  • LinkedIn Social Icon
  • Twitter Social Icon

My name is Shyamala pronounced as shaa-ma-la. I am a UX evangelist turned product owner defining experiences and vision for autonomous digital assistants. 

I am a civil engineer by education, and before moving into user experience and product, I worked as an architect with a construction firm for 2 years. My passion for design and building great things for users pushed me into the UX speciality. I am a self-made UX designer with no formal educational background into UX, but my passion helped me enter and succeed in user experience.