Skip to content

Instantly share code, notes, and snippets.

@stavrossk

stavrossk/PHP AJAX example.html

Last active December 21, 2015 05:39
Show Gist options
  • Save stavrossk/6258400 to your computer and use it in GitHub Desktop.
Save stavrossk/6258400 to your computer and use it in GitHub Desktop.
Download ZIP
PHP Snippet: - AJAX basic example: This code demonstrates basic AJAX functionality implemented with PHP and JavaScript.
Raw
PHP AJAX example.html
<html>
<head>
<title>
PHP Demos
</title>
<style>
body{ font-family:"Arial"; }
</style>
<script type="text/javascript">
<!--
//Browser Support Code
function ajaxFunction(URL)
{
var ajaxRequest; // The variable that makes Ajax possible!
try
{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer Browsers
try
{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
// Something went wrong (User Probably Doesn't have JS or JS is turned off)
alert("You Browser Doesn't support AJAX.");
return false;
}
}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function()
{
//This if satement will check if the status of the script
//If the readyState is not equal to 4 (The request is complete)
//It will display text that says loading...
if(ajaxRequest.readyState < 4)
{
//AJAX in the prenthacies, is what id element in the body will be changed.
document.getElementById('AJAX').innerHTML = "<h2>Loading...</h2>";
}
//Once the readyState is equal to four,
//this means that the request was sent,
//and successfully processed.
if(ajaxRequest.readyState == 4)
{
//This is where the output of the file we called and it will be placed
//in the div where we named the ID = AJAX
document.getElementById('AJAX').innerHTML = ajaxRequest.responseText;
}
}
//This section processes the data
ajaxRequest.open("GET", URL, true);
ajaxRequest.send(null);
}
//-->
</script>
</head>
<body>
<!-- This is the link to the ajax function
It should always start with BLOCKED SCRIPT
after that is the function name ajaxFunction
inside the parenthacies, is the file we want,
this file can look like any URL you would make in a
normal href. Examples:
date.php
date.php?page=1
date.php?page=1&amp;name=fred
-->
<a href="BLOCKED SCRIPTajaxFunction('ajaxdate.php')">
What Time Is It?
</a>
<div id="AJAX">
</div>
<p>
<strong>
<a href="http://www.brighthub.com/hubfolio/matthew-casperson/blog/archive/2009/11/01/php-tutorials.aspx">
Return to the tutorial index
</a>
</strong>
</p>
</body>
</html>
//The ajaxdate.php script will return a message depending on the current time.
<?php
$AntePost = date("A");
$time = date("g:i:s");
if($AntePost == "AM")
{
echo 'Good Morning!';
}
else
{
echo 'Good Evening!';
}
?>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment