AJAX the simpler way

AJAX is the new cool phrase these days. I talked about it many times when I mentioned Facebook.com, and I am also implementing it in my newest project. In any case, while I was getting the code written out, I ran into small AJAX related errors (such as faulty headers, missing parameters or the status not updating etc.) and I just got sick of it. And then I found this simple method to make AJAX a lot simpler. Here is the website address :

http://www.openjs.com/scripts/jx/

Want to know more about how this works?

This website will provide you with the jx codebase/library that you can simply call into from your HTML pages, and the rest of the AJAX calls are simplified – you just put in the file, parameters, and define what action to take with the AJAX result, and it does it all for you. It basically extends your Javascript codebase to include an AJAX function in a sense. It saved me a lot of time and reduced my headaches. Here is a sample line of code that I put in – look how simple it is.
jx.load(‘addsub.php?firstname=’+firstname+’&lastname=’+lastname+’&agegroup=’+agegroup+’&gender=’+gender+’&email=’+email+’&phone1=’+phone1+’&phone2=’+phone2+’&phone3=’+phone3+’&country=’+country+’&address1=’+address1+’&address2=’+address2+’&city=’+city+’&state=’+state+’&postal=’+postal+’&STI_imgString=’+STI_imgString,function(data){document.getElementById(“notification”).innerHTML=data;},’text’,’post’);

In case you wondered what AJAX was and how exactly it works, I will show you a diagram I drew for my client to let him understand how AJAX works.