1:index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .btn{ border: 1px green solid; background-color:green;border-radius: 3px; width: 200px; height:30px;} </style> <script type="text/javascript" src="../../js/jquery.js"></script> <script type="text/javascript"> $(function(){ $('input:button').click(function(){ $.get( 'check.php', function(data){ $('#info').html(data); } ); }); }); </script> </head> <body> <h1>Detecing Ajax Request</h1> <input type="button" value="Load Some data" class="btn"/> <div id="info"></div> </body> </html>
2:check.php
<?php if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && $_SERVER['HTTP_X_REQUESTED_WITH']=='XMLHttpRequest'){ echo 'Request Successful!'; }else{ echo 'This is not an ajax request!'; } ?>