How to run php code in javascript timer/loop

Question

I made simple page with slides and wanted to load it every 5 sec when JS timer looping.

I add comments which describe where the problem is. PHP scan dir only when page loads and does not notice changes in the folder in timer.

here's the code:

<script type="text/javascript">
    ......
    var main_timer = setInterval(function(){slideTimer()}, 5000);
    ......
    function slideTimer() {
    ......    
        <?php
            //This PHP code need to be looped inside the timer
            $array = array();
            $array = array_slice(scandir('strony'), 2);
            $js_array = json_encode($array);
        ?>
        ........
        pages = <?php echo $js_array; ?>;
        ........
        ........    
    }
</script>

use ajax to perform this

Ayyanar G
– Ayyanar G

2015-04-13 07:54:00 +00:00
Commented Apr 13, 2015 at 7:54 — Ayyanar G
– Ayyanar G, Commented Apr 13, 2015 at 7:54

Faraj Farook · Accepted Answer · 2015-04-13 08:36:39Z

Here you have to understand the concept of server side scripting and client side scripting.

Java script is a client side scripting language.
PHP is a server side language.

In order to execute the Server Side Language you have to execute the code in the server, where PHP can interpret it.

In your case you are trying to loop a client script in javascript and adding the PHP codes inside the client script.

You have to note, when the web server present the whole page, the PHP script was already executed, so looping the PHP codes inside javascript will not interpret it again as the client (your browser) doesnt have a PHP interpreter inbuilt.

Solution

The timer from javascript should call a method in the server using AJAX and then in your server side ajax page, you have to include

Ajax call from JQuery

function slideTimer() {
   .......
   .......
   $.post('ajax.php', function(data){
      pages = data
      if(current_page < pages.length - 1) {
         ........ 
         ........
   },'json');
}

File ajax.php

   <?php
        // here NOT work
        $array = array();
        $array = array_slice(scandir('strony'), $_POST['page']);
        $js_array = json_encode($array);

        header('Content-Type: application/json');
        echo $js_array;
    ?>

Here the server script will echo back the js_array

Collectives™ on Stack Overflow

How to run php code in javascript timer/loop

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related