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 api.jquery.com/jQuery.ajax — ka_lin
– ka_lin, Commented Sep 3, 2013 at 12:01

Jakub Matczak · Accepted Answer · 2013-09-03 12:02:27Z

18

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 3, 2013 at 12:02

Jakub Matczak

15.7k5 gold badges52 silver badges68 bronze badges

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

1 Comment

Veer7 Over a year ago

Yes, it is same like Java JSP + JavaScript. All programming languages are almost the same in basic logics. Thank you dragoste and all others

Krasimir · Accepted Answer · 2013-09-03 12:03:10Z

15

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.

answered Sep 3, 2013 at 12:03

Krasimir

13.6k4 gold badges45 silver badges58 bronze badges

1 Comment

Ryan Walker Over a year ago

This is a much more constructive answer that actually answers the question.

Shakti Patel · Accepted Answer · 2013-09-03 12:04:33Z

1

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 );                    
        }
        );

answered Sep 3, 2013 at 12:04

Shakti Patel

3,8624 gold badges24 silver badges30 bronze badges

1 Comment

Jakub Matczak Over a year ago

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.

Community · Accepted Answer · 2017-05-23 12:25:15Z

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, 2017 at 12:25

CommunityBot

11 silver badge

answered Sep 3, 2013 at 12:03

kmas

6,44913 gold badges44 silver badges63 bronze badges

Comments

Voonic · Accepted Answer · 2013-09-03 12:03:42Z

0

use jquery

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

            // put your response where you want to  

            }
        });

answered Sep 3, 2013 at 12:03

Voonic

4,7733 gold badges29 silver badges60 bronze badges

Comments

virtualmarc · Accepted Answer · 2013-09-03 12:03:53Z

0

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/

answered Sep 3, 2013 at 12:03

virtualmarc

5431 gold badge4 silver badges16 bronze badges

Collectives™ on Stack Overflow

how to run php function without reloading the page

6 Answers 6

1 Comment

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related