How to invoke php include statement using ajax

Question

I have an index.php file. My wish is that, when clicking on a button (which is in index.php) an AJAX request should load about.php and include it inside a div tag in index.php.

Below is my code. But this is not working:

index.php:

<a href=javascript:onClick('about.php')>About</a>
<div id='dynamo'>
   <?php 
       if($_POST){
       $page=$_POST['page'];                   
       include $page;
       }
   ?>
</div>

PageSelect.js

 function onClick(text){       
 $.ajax({
     type:"POST",
     url:"index.php",
     datastring:'page='+text          
  });     
 }

Make sure that 1. you have included Jquery lib in your script. 2. Also check you have given correct name along with file path in url inside ajax request. — Sachin I
– Sachin I, Commented Aug 31, 2015 at 12:10

michelem · Accepted Answer · 2015-08-31 12:45:13Z

1

You need something like this (with Jquery):

HTML:

<a href="#" id="click">About</a>
<div id="render"></div>

JS:

$(document).ready(function () {

    $('#click').click(function () {
        $.ajax({
            url: "about.php",
            success: function (response) {
                $('#render').html(response);
            }
        });
    });

});

JSFiddle

edited Aug 31, 2015 at 12:45

answered Aug 31, 2015 at 12:07

michelem

14.6k5 gold badges55 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

13 Comments

spssps Over a year ago

i used your solution, but the problem is that, when i click the about button the function does not get fired. I even put a breakpoint over the $('#click').click(function () line and clicked the about again. But the debugger did not hit the breakpoint. i double checked the id name under a tag and one that is used in jquery, but in vain... @Michelem

michelem Over a year ago

Are you sure to have the about.php file in the right place? Can you see any error on the debug console of your browser?

michelem Over a year ago

Sorry I missed a # in render it should be $('#render').html(response);

spssps Over a year ago

Yeah about.php is in root directory only. Even then the problem is that the click event in jquery is not getting fired upon

spssps Over a year ago

Even i added an alert statement inside click event handler. But even that alert is not being fired.

|

Collectives™ on Stack Overflow

How to invoke php include statement using ajax

1 Answer 1

13 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

13 Comments

Your Answer

Sign up or log in

Post as a guest

Related