Hosting Solutions
mobile_logo Table of Contents
seal_frontseal_back

Ajax Framework Tutorial Custom Module Programming

Learn to create a custom lightweight Ajax external JavaScript module, with PHP parse file example included. We can externalize code logic that may be frequently used in multiple files, which helps you avoid redundant scripting and keeps your software slimmer. If you are able, it is better to create small script modules as opposed to bloating your applications with hefty single-file Frameworks. example.html <!DOCTYPE html> <html> <head> <script src="js/ajax.js"></script> <script> // Ajax Usage Example var ajax = ajaxObj("POST", "parser.php"); ajax.onreadystatechange = function() { if(ajaxReturn(ajax) == true) { alert(ajax.responseText); } } ajax.send("name=George&country=USA"); </script> </head> <body> </body> </html> ajax.js function ajaxObj( meth, url ) { var x = new XMLHttpRequest(); x.open( meth, url, true ); x.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); return x; } function ajaxReturn(x){ if(x.readyState == 4 && x.status == 200){ return true; } } parser.php <?php if(isset($_POST["name"])){ echo $_POST["name"]." is from ".$_POST["country"]; exit(); } ?>
thumb

JavaScript Videos

Ajax Programming

Ajax Post to PHP File XMLHttpRequest Object Return Data TutorialAjax Framework Tutorial Custom Module ProgrammingFile Upload Progress Bar Meter Tutorial Ajax PHPAjax Pagination Tutorial PHP MySQL Database Results PagedServer Sent Events Simple Chat Application Example