pTutorial

New way to learn Programming

Ajax tutorial with examples in PHP

Retrieve data from a PHP file

Following Ajax program loads the content of the PHP (Hyper-text Pre-processor) file, named test1.php by clicking the button without reloading the whole program and the data of the test1.php will be set to the id “kk”( div id=”kk” line number 36). You can also see the data in alert box also.

PHP ajax example

<!--index.html-->
<!DOCTYPE html>
<html>
<head>
<script>
function Url()
{
var u;
if(window.XMLHttpRequest)
{
    u=new XMLHttpRequest();
}
 else
 {
     u=new ActiveXObject("Microsoft.XMLHTTP")
 }
    u.onreadystatechange=function ()
    {
    if(u.readyState==4 && u.status==200)
    {
        document.getElementById("kk").
        innerHTML=u.responseText;
    }

    }
    u.open("GET","test1.php",true);
    u.send();
}
</script>
</head>


<body>
<h1>Load The PHP file data using Ajax</h1>
<button type="button" onclick="Url()">Load File </button>
<hr>
<div id="kk"></div>
</body>
</html>

PHP FILE

<?php
//test1.php
echo "Welcome to the Ajax with PHP example
"; echo "Welcome to the Ajax with PHP example
"; echo "Welcome to the Ajax with PHP example
"; echo "Welcome to the Ajax with PHP example
"; ?>

See Also


QUOTES OF THE DAY

Whenever man commits a crime,heaven finds a witness.

LIKE ON FACEBOOK

+1 ON GOOGLE

SHARE ON TWITTER