AJAX Suggestion Text Box  AJAX Auto Complete Text Box Using JSP JAVA The latest Websites uses AJAX for user friendly.  Text box Auto Complete is latest trend to display the typing word as dropdown.  Example google shows the drop down. How to create Suggestion Box? Its simple because if you gonna use jQuery then it takes little time. However you need the Business logic to work on Database.  You have...

»»  Read More
Read more!

 Step by Step AJAX Tutorial for Beginners - Contents Page Chapter Wise 1. AJAX Introduction 2. How Ajax Works? 3. Software needed for AJAX 4. Ajax Browser compatibility 5. Ajax Example1 6. Example 1: Source code 7. Example:1 AJAX Source Code Explained 8. Example 2: Ajax with Database 9. Example 3 : AJAX Database using Struts 10. Example 4: Dynamic City State Loading...

»»  Read More
Read more!

Dynamic City, State Loading based on Country Selection   Without Reloading the Page  In previous chapter i explained Database connection with Ajax.  Now we will discuss how to load City and State on particular Country selection using Combo Box or Drop Down Box Use Servlets or Struts for Connecting Database the response from action should be in xml format. Check Below link to create Servlet class http://ajaxtutorialonline.blogspot.com/2010/09/steps-to-connect-ajax-with-database-to.html. Configure...

»»  Read More
Read more!

Step by Step Ajax tutorial for Beginners Brief Introduction to Ajax: Ajax is the Latest Technology which is used in Web Application Development. Ajax is not popular until Google use that. In the year 2005 Google use's AJAX in Gmail, Google Search and GoogleMaps etc makes ajax popular. Use of AJAX: AJAX is used to build a dynamic website without reloading a page, menus or images etc.  Also its very faster and save...

»»  Read More
Read more!

How AJAX works? Ajax works on xmlHttp Request to server and Client. 1. Client Browser (Sends Request) 2 Server (Process the Request and sends the Response) 3. Client Browser ( process the request using Javascript and Displays the Content) 1. Clients creates xmlHttpRequest to server. 2. Server process the HttpRequest from client. And send response to the client browser. 3. Client browser process the returned data using javascript....

»»  Read More
Read more!

Ajax Browser support Ajax supports all kind of browsers with small conflicts. Older browsers like Internet Explorer 5.0 6.0 didn't support xmlHttpRequest directly so instead they are using ActiveXObject which is implemented in Explorer 5.0 and 6.0. Latest Browsers like Firefox, Opera, Chrome, Safari and IE 8 implemented the xmlHttpRequest to support Ajax. Note:   At first website must satisfy a Compatible view in all...

»»  Read More
Read more!

Tools and Software needed to Code AJAX You can develop AJAX based Application easy and quickly without the help of any third party tools and software's. For your convenience you can use Eclipse IDE, NetBeans etc.  Myself i put some screen shots or images of Eclipse IDE to develop your own AJAX based Application. You can develop ajax...

»»  Read More
Read more!

function hide() { var x =document.getElementById("hello"); x.innerHTML=""; } function ajax() { if(window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { var x= document.getElementById("hello"); x.innerHTML= "Hi Welcome to Ajax tutorial"+ "KamalakannanJS"; } xmlhttp.open("Post","http://ajaxtutorialonline.blogspot.com"); xmlhttp.send(); } Ajax...

»»  Read More
Read more!

function hide1() { var x =document.getElementById("hel"); x.innerHTML=""; } function ajax1() { if(window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { var x= document.getElementById("hel"); x.innerHTML= "Hi Welcome to Ajax tutorial"+ "Kamalakannan JS"; } xmlhttp.open("Post","http://ajaxtutorialonline.blogspot.com"); xmlhttp.send(); } Ajax...

»»  Read More
Read more!

Example:1 Source Code Explained Source Code Explained: To get the Element of a ID ----> document.getElementById("hello"); the above code uses to get the element id with hello. Step : 1 <div id="hello"></div> Step : 2 The document.getElementById("hello");  Used to get the id name of the particular div.  Step : 3 var x =document.getElementById("hello"); Storing the retrieved document...

»»  Read More
Read more!