Learning Center
Plans & pricing Sign in
Sign Out



									<pre> AJAX which stands for asynchronous javascript and xml is a technology which uses asynchronous data transfer instead of synchronous data tranfer between the web page and browser. This means that multiple connections are opened between the browser and the web page at a time so the whole process of data transfer is speeded up in this case.Normally style tags and scripts are parsed one at a time using a single connection.But now using xmlhttprequest object or Microsoft eqvivalent Active X object all the style and script tags are parsed together at the same time using multiple connections. Below i am giving you people an example of Ajax Here we retrive the contents of testingajax html document and show it in a alert box. <html> <head> <title>Ajax Testing</title> <script type="text/javascript" language="javascript">

function AjaxRequest(url) { var http_request = false; if (window.XMLHttpRequest) { // Mozilla, Safari,... http_request = new XMLHttpRequest(); if (http_request.overrideMimeType) { http_request.overrideMimeType('text/xml'); // See note below about this line } } else if (window.ActiveXObject) { // IE try { http_request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { http_request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} } } if (!http_request) { alert('Giving up :( Cannot create an XMLHTTP instance'); return false; } http_request.onreadystatechange = function() { showhtmlpageContents(http_request); };'GET', url, true); http_request.send(null);

} function showhtmlpageContents(http_request) { if (http_request.readyState == 4) { if (http_request.status == 200) { alert(http_request.responseText); } else { alert('There was a problem with the request.'); } } } </script> </head> <body> <a href onclick="AjaxRequest('testingajax.html')"> Call page using Asynchronous javascript and xml </a>

</body> </html> Now ur testingajax.html will contain <html> <head> <title>response ajax</title> </head> <body> Hello from Rohit D'souza </body> </html> Thats all


To top