how to run php function without reloading the page

Question

I am a newbie to php

   <?php
    getDBData(){
        //log the call
        $fetchedData = myDbCode.fetchData();
        return 
    }
  ?>
  <script type="text/javascript">
      dbData = <?php echo json_encode(getDBData()); ?>
  </script>

As observed in the log that getDBData get called only once during the page loading and later on even with dbData = <?php echo json_encode(getDBData()); ?> this code the call to getDBData() doesn't happen.

Any idea why the call to getDBData() happening only on page load and not thenafter

How to call getDBData() from javascript

U must use ajax for this, use jquery http://api.jquery.com/jQuery.ajax/ — ka_lin, Sep 03 '13 at 12:01
There are [many duplicates](http://stackoverflow.com/search?q=call+php+function+in+javascript) - please search before posting — MDEV, Sep 03 '13 at 12:02

score 17 · Accepted Answer · answered Sep 03 '13 at 12:02

17

You don't actually understand, how it works.

Javascript is a client-side language, which means, that it executes in web browser. PHP is server-side which mean it executes on server.

While handling request, first PHP is executed, that the response is returned to user, and then Javacript executes.

To communicate between client and server you can use ajax requests, which are basically simple http requests but without reloading whole page.

answered Sep 03 '13 at 12:02

Jakub Matczak

15,341
5
46
64

Yes, it is same like Java JSP + JavaScript. All programming languages are almost the same in basic logics. Thank you dragoste and all others – veer7 Sep 04 '13 at 06:38

score 14 · Answer 2 · answered Sep 03 '13 at 12:03

You should use Ajax for that. I.e. you have a php file which returns the output of the function:

// data.php
<?php
    function getDBData(){
        //log the call
        $fetchedData = myDbCode.fetchData();
        return $fetchedData;
    }
    echo getDBData();
?>

// html file
<script type="text/javascript">
    var getDBData = function(callback) {
        $.ajax({
            url: "data.php"
        }).done(callback);
    }
    var dbData = <?php echo json_encode(getDBData()); ?>
    getDBData(function(data) {
        dbData = data;
    })
</script>

The code above uses jQuery.

This is a much more constructive answer that actually answers the question. — Ryan Walker, Dec 15 '17 at 03:30

score 1 · Answer 3 · answered Sep 03 '13 at 12:04

you can used AJAX for get server side php vaue into javascript variable read this ajax example and implement it.

            // Launch AJAX request.
            $.ajax(
                {
                    // The link we are accessing.
                    url: jLink.attr( "href" ),

                    // The type of request.
                    type: "get",

                    // The type of data that is getting returned.
                    dataType: "html",

                    error: function(){
                        ShowStatus( "AJAX - error()" );

                        // Load the content in to the page.
                        jContent.html( "<p>Page Not Found!!</p>" );
                    },

                    beforeSend: function(){
                        ShowStatus( "AJAX - beforeSend()" );
                    },

                    complete: function(){
                        ShowStatus( "AJAX - complete()" );
                    },

                    success: function( strData ){
                        ShowStatus( "AJAX - success()" );

                        // Load the content in to the page.
                        jContent.html( strData );
                    }
                }                           
                );

            // Prevent default click.
            return( false );                    
        }
        );

He doesn't even understand the idea of client and server side, and you give him 20~ line jQuery code with ajax request? This is not the way. — Jakub Matczak, Sep 03 '13 at 12:07

score 0 · Answer 4 · edited May 23 '17 at 12:25

0

You can do it through ajax.

Here is a link here to do it with jquery : using jquery $.ajax to call a PHP function

edited May 23 '17 at 12:25

Community

1
1

answered Sep 03 '13 at 12:03

kmas

6,401
13
40
62

score 0 · Answer 5 · answered Sep 03 '13 at 12:03

0

use jquery

$.ajax({
            url: 'yourpage.php',
            type: 'POST',
            data:'',
            success: function(resp) {

            // put your response where you want to  

            }
        });

answered Sep 03 '13 at 12:03

Voonic

4,667
3
27
58

score 0 · Answer 6 · answered Sep 03 '13 at 12:03

You can't directly call PHP functions from javascript.

You have to "outsource" the getDBDate to an own .php file where you output the json_encoded string and call this file with ajax and get the output of the page.

The easiest to do AJAX requests in javascript is to use the JQuery Library: http://api.jquery.com/jQuery.ajax/

how to run php function without reloading the page

6 Answers6