Call PHP function from jQuery?

Question

I have a PHP function on my site which takes a couple of seconds to complete. This holds the whole page up which I don't want.

Would it be possible with jquery to call this PHP function after the page has loaded and display the results in a div? Also to display an ajax loader image until the PHP function has completed?

I've been looking at jQuery.post but can't seem to get it to work.

Would someone be able to help?

Thank you

It is possible using AJAX but you should probably post some of your code to give us a better idea of exactly what you're trying to achieve. — Darragh Enright, Aug 23 '10 at 15:04

Otar · Accepted Answer · 2013-04-03T05:26:15.357

20

AJAX does the magic:

$(document).ready(function(

    $.ajax({ url: 'script.php?argument=value&foo=bar' });

));

edited Apr 03 '13 at 05:26

answered Aug 23 '10 at 15:09

Otar

2,561
1
20
24

score 15 · Answer 2 · answered Aug 25 '10 at 13:57

Thanks all. I took bits of each of your solutions and made my own.

The final working solution is:

<script type="text/javascript">
    $(document).ready(function(){
        $.ajax({
            url: '<?php bloginfo('template_url'); ?>/functions/twitter.php',
            data: "tweets=<?php echo $ct_tweets; ?>&account=<?php echo $ct_twitter; ?>",
            success: function(data) {
                $('#twitter-loader').remove();
                $('#twitter-container').html(data);
            }
        });
   });
</script>

score 10 · Answer 3 · answered Aug 23 '10 at 15:05

Yes, this is definitely possible. You'll need to have the php function in a separate php file. Here's an example using $.post:

$.post( 
    'yourphpscript.php', // location of your php script
    { name: "bob", user_id: 1234 }, // any data you want to send to the script
    function( data ){  // a function to deal with the returned information

        $( 'body ').append( data );

    });

And then, in your php script, just echo the html you want. This is a simple example, but a good place to get started:

<?php
    echo '<div id="test">Hello, World!</div>';
?>

what do we do if the php function is inside of a php file that contains different functions also? — vvavepacket, Aug 24 '15 at 04:09

score 4 · Answer 4 · answered Aug 23 '10 at 15:04

This is exactly what ajax is for. See here:

http://api.jquery.com/load/

Basically, you ajax/test.php and put the returned HTML code to the element which has the result id.

$('#result').load('ajax/test.php');

Of course, you will need to put the functionality which takes time to a new php file (or call the old one with a GET parameter which will activate that functionality only).

Call PHP function from jQuery?

4 Answers4

Linked

Related