How To Load A PHP Script Using AJAX?

Question

I would like to know the best technique for loading a PHP page and insert into a section of a page using AJAX?

For example, consider the following HTML code:

<html>
<body>
    <div id="web_Logo">
        <h1>Website Logo</h1>
    </div>
    <div id="web_Menu">
        <ul>
            <li><a href="index.php">Home</a></li>
            <li><a href="help.php">Help</a></li>
            <li><a href="contact.php">Contact</a></li>
        </ul>
    </div>
    <div id="web_Content">
        //CONTENT LOADS HERE//
    </div>
</body>
</html>

What would be the best way to load a page (help.php or contact.php for example) using AJAX into the contents Div section?

I am using the JQuery library for my site if that helps.

Please... I beg you... don't do your entire site like this with Javascript. Simple server-side includes are easy with PHP. — Brad
– Brad, Commented Apr 8, 2011 at 18:42

FatherStorm · Accepted Answer · 2011-04-08 18:39:25Z

8

  $('#web_Content').load('myFile.php');

answered Apr 8, 2011 at 18:39

FatherStorm

7,1711 gold badge24 silver badges27 bronze badges

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

Comments

gen_Eric · Accepted Answer · 2011-04-08 18:40:55Z

1

I assume you want the page to load in the web_Content div when a link is clicked, If so, you can do something like this:

$(function(){
     $('#web_Menu a').click(function(e){
        e.preventDefault();
        $('#web_Content').load($(this).attr('href'), function(){
            alert('File loaded');
        });
    });
});

answered Apr 8, 2011 at 18:40

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

Comments

Zeeshan Hassan Memon · Accepted Answer · 2016-04-02 08:37:38Z

0

<script src="jquery.js"></script>
// dont forget to include jquery script 

<script type="text/javascript">

function a()
{

   var file="otherfilename"; //Enter the name of file, which is to be loaded 
   $("#load_file").load(file+".php").fadeIn("slow");

}

</script>

<button onClick="a();">Read File</button>

<div id="load_file">  The division where file will be loaded </div>

Easy loading of other .php file using Jquery, simple and easy.

edited Apr 2, 2016 at 8:37

Zeeshan Hassan Memon

8,3654 gold badges47 silver badges60 bronze badges

answered Apr 2, 2016 at 8:13

The Gr8 Adakron

1,2491 gold badge13 silver badges15 bronze badges

1 Comment

lowlyprogrammer Over a year ago

What is the Jquery script needed here? I don't have the library loaded or anything, but could you give a step by step for me of how to do basically the same thing that the author of this thread was mentioning?

Collectives™ on Stack Overflow

How To Load A PHP Script Using AJAX?

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related