bAjax - A tiny Ajax library (Demo: Ajax with Loader)

Demo » Ajax with Loader

Using bAjax for retrieving the returned string from the server, with loading effect:

Please click on button to display "Welcome to bAjax library!".

Result:

Source Code

JavaScript:



function displayText(resultID){

bajax.loader(resultID, "Loading...");
setTimeout(function(){

// call ajax function
 bajax.init({
 url: "simple-ajax-action.php",
 data: "action=display",
 callback: function(result){
   //get the result, and display inside div
   document.getElementById(resultID).innerHTML = result;
  } 
 });
 
 bajax.clearLoader(resultID);
 }, 1000);
 

}

function displayTextAlert(loaderID){
bajax.loader(loaderID, "");

setTimeout(function(){
// call ajax function
 bajax.init({
 url: "simple-ajax-action.php",
 data: "action=display",
 callback: function(result){
   //get the result, and display in alert box
   bajax.clearLoader(loaderID);
   alert("Result: " + result);
   return false;
  } 
 });
 },1000)
}

HTML:

		Please click on button to display "Welcome to bAjax library!".
		


		
		 
		
		
		
		

		Result:

PHP:


$action = $_GET["action"];
if(isset($action) && $action == "display"){
echo "Welcome to bAjax library!";
}