Connect with us


Ajax Tutorial

What is Ajax?

Don’t know what is Ajax and looking for most simple yet effective Ajax tutorial including topics such as Ajax grips, Ruby on Rails data Ajax and more. You are in the right place and first, let’s know what exactly what it means.

Ajax stands for Asynchronous JavaScript and XML. It improves the user’s web application experience while retaining the HTML benefits of server-based application deployment. Ajax is a design approach and a set of techniques for creating a highly interactive user experience for Web applications in popular web browsers. Language changes its techniques therefore represent the continued evolution of DHTML to deliver Rich User Experience and the Web 2.0 experience.

Now when you know what is Ajax, we will now offer you many Ajax tutorials covering topics like Ajax grips, Ruby on Rails data Ajax and all other useful topics.

How Ajax works?

After knowing what is Ajax, now you need to know how it works to learn Ajax tutorials and understand topics such as Ajax grips, Ruby on Rails data Ajax etc. better, which we will discuss later.

When you use AJAX, the AJAX call fires, and send a request to a server, using XMLHttprequest. The server-side programming languages like PHP, ASP etc. takes the input from JavaScript, to access the database if it needs to, and processes the data. Using XMLHttprequest again, the script sends the data back to the original client-side page that made the request.

There are three main properties of the XMLHttpRequest object are called onreadystatechange, readyState and status.

In Ajax, possible readyState values after sending an XMLHttpRequest are:

  • 0 = open has not yet been called
  • 1 = send has not yet been called but open has been called
  • 2 = send has been called but no response from server
  • 3 = data is in the process of being received from the server
  • 4 = response from server has arrived

This must have explained what is Ajax and how it works. Our Ajax tutorials will throw more light on different topics such as Ajax grips, Ruby on Rails data Ajax etc. and many more.

How to use Ajax?

Even what is Ajax is not as important as how to use it. If you know the uses, our Ajax tutorials will definitely help you learn Ajax grips, Ruby on Rails data Ajax and many other topics as well. A combination of XMLHttpRequest and ActiveXObject (“Microsoft.XMLHTTP”) allows you to use AJAX. XMLHttpRequest codes are for IE7+, Firefox, Chrome, Opera, Safari whereas ActiveXObject (“Microsoft.XMLHTTP”) codes are for IE6, IE5 browsers only.

  1. <script type=“text/javascript”>
  2. function ajaxCall(){
  3.   var req;
  4.   if (window.XMLHttpRequest){
  5.   req = new XMLHttpRequest();
  6.   }
  7.   else if (window.ActiveXObject){
  8.   req = new ActiveXObject(“Microsoft.XMLHTTP”);
  9.   }
  10. </script>
  11. </head>

An XMLHttpRequest contains a set of properties like:

  • onreadystatechange: It contains the name of a function to be called automatically wheever the readyState property changes
  • readyState: It includes the status of the XMLHttpRequest and it changes from 0 to 4:
  • status: status 200 means “OK” and status 404 means “Page not found”.
  • responseText: If the response from the server is not in XML format, use the responseText property. The responseText property returns the response as a string, and you can use it accordingly.
  • responseXML: If the response from the server is XML format, and you want to parse it as an XML object, use this property.

I hope what is Ajax and how to use it is clear to you. Now I think our Ajax tutorials will inform you about Ajax grips, Ruby on Rails, Data Ajax and many other topics as well.

Advantages of Using Ajax

Apart from knowing what is Ajax and it is equally important to know what are the advantages of using it. Now I think you will be more interested in our Ajax tutorials and learn about topics such as Ajax grips, Ruby on Rails, Data Ajax and many more.

  • Make multiple AJAX calls with different request from the same page
  • Instant result from server-side
  • Not to wait for the page to get reload
  • The interface is much more responsive, because only a small part of the page is transferred at a time
  • Waiting time is reduced when a visitor submits a form
  • Traffic to and from the server is considerably less because only one http request processed by client-side and server-side

Hope you are inspired to learn what is Ajax and after knowing the advantages you will pay more attention to our Ajax tutorials and learn about topics such as Ajax grips, Ruby on Rails data Ajax and many more.

Continue Reading
Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

More in solution

    About Me:

    Szabi Kisded

    Hey there, I'm Szabi. At 30 years old, I quit my IT job and started my own business and became a full time WordPress plugin developer, blogger and stay-at-home dad. Here I'm documenting my journey earning an online (semi)passive income. Read more

    Sign up for my newsletter and get the YouTube Caption Scraper WordPress plugin for free
    (worth 29$)!

    All My Plugins In A Bundle:

    My AutoBlogging Plugins:

    My Online Courses:

    A Theme I Recommend:

    Featured Posts:

    To Top