Asynchronous JavaScript Technology : A Brief Insight

Asynchronous JavaScript and XML technique is for developing interactive web using combination of HTML,CSS and others for dynamic delivery of content to user. DoubleClick for Publishers is an example which currently supports Asynchronous JavaScript loading to make the page loading a faster process.

What is Asynchronous JavaScript Technology ?

In JavaScript, there are two ways to handle the HTTP requests primarily done through browser by an user – like loading of this webpage. They may be performed either loading synchronously or asynchronously. Synchronous means that the rest of the page loading execution process stops until that request has been performed. It is obvious that, this programming is simpler to do. JavaScript do not support multiple threading, that is the reason it needs to be loaded to full. Thus, no other operations can be carried out while waiting for a synchronous HTTP request. Now think that Javascript calls a server to display an Flash based Ad (bigger size) and in HTML code the placement is hierarchically higher than other components of the webpage to make it a viewable or readable to the reader.

Asynchronous JavaScript and XML (AJAX) is a kind of technology for dynamic web pages which allows the direct exchange and the representation of parts of web pages without the need of loading the entire web page. Ajax programs give the impression that they are running on the user’s computer. To avoid the problem with  synchronous JavaScripts,  asynchronous requests are used. This means that JavaScript in  asynchronous does not waits for a response, but continues with the execution of the next line. In order to process the result of the request may still is passed to the request object also. This form is called asynchronous AJAX (Asynchronous JavaScript and XML).

Other Notes on Asynchronous JavaScript

An asynchronous http request can be processed via the insertion of a SCRIPT Objects in the DOM tree, change of status is possible by change in a global variable or as described above in the property of an object. In some cases, the use of a synchronous method is preferable to an asynchronous one, it depends on the practical usage.

Example of Asynchronous JavaScript Technology

This is an example usage of asynchronous JavaScript technology by Google Analytics :

<script type="text/javascript">
 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-XXXXX-X']);
 _gaq.push(['_trackPageview']);
 (function() {
 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') +
'.google-analytics.com/ga.js';
 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();
</script>

As explained by Google, the first part of the asynchronous tracking code snippet assigns the _gaq variable to a JavaScript array. After that, two tracking API calls (encoded as arrays) are pushed onto _gaq. When the tracking code initializes, it transforms the _gaq object from a standard array into a new object and executes all the tracking API calls initially collected in the array. With this feature, you can immediately store all necessary tracking calls even before the Google Analytics tracking code is downloaded.

0saves

Save

If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

Visitors Read This Post Also Read:

1. jQuery : What is jQuery with Example jQuery is a free, extensive JavaScript – class library which features comfortable DOM manipulation. JQuery...
2. Embedding Streaming Video From Rackspace Cloud Files in WordPress Embedding Streaming Video From Rackspace Cloud Files in WordPress needs few copy paste and click...
3. Installing Piwik on Rackspace Cloud Sites Installing Piwik on Rackspace Cloud Sites is very easy and needs few steps. Piwik is...
4. Opera 11.10 RC4 Beta alias Barracuda : review Opera is always innovative and comprehensive browser which stands out as a reference. Its speed,...
5. Speed up WordPress by Gzip Compression from .Htaccess and php flush Before describing the manipulation to be done to accelerate the speed of your site and...
6. Editing Blogger’s theme template to have some features like WordPress Many bloggers using Google Bloggers want a custom theme that is SEO optimized. We thought...
7. Cloud Streaming Technology For Video And Music …...
8. Introduction to faster loading of your Website Everyone loves a faster loading website. A website that looks simplistic yet elegant and loads...
9. Google Should Seriously think for Poor Performing Ad Serving Nodes Google Should Seriously think for Poor Performing Ad Serving Cloud Servers and Content Delivery Network...
10. Customize Google Custom Search In this CSS Tutorial we will Customize Google Custom Search Input Box up to a...
11. CakePHP : Technology and Philosophy Behind CakePHP is an open source web framework based on PHP. CakePHP is inspired by Ruby on...
12. LAMP : Linux, Apache, MySQL, PHP Combination to Drive Websites LAMP is an acronym for the combined use of programs based on Linux to provide...
13. Test and review of Mozilla Firefox 4.0 : a must have browser Firefox 4.0 Frankly overwhelmed by the latest versions of Google Chrome, Opera and Safari, Firefox...
14. Syntax Highlighting in WordPress Without Plugin Syntax Highlighting in WordPress Without Plugin is a method which will show you how easy...
15. Apps On Google Cloud With App Engine – Starter Guide With Sample We have discussed about the Software as a Service (SaaS) those can be deployed on...