Home / Questions / 159529
Accepted
Javier
Asked: 2020-04-27 09:59:45 +0800 CST 2020-04-27 09:59:45 +0800 CST

Execute PHP code inside Javascript

  • 772

Could you help me with a problem:

I want to execute PHP code within Javascript .

<html>
<head></head>
<body>
    <script type="text/javascript">
        <?php echo "hola como estan"; ?>);
    </script>
</body>
</html>

The html output:

<html>
<head></head>
<body>
    <script type="text/javascript">
        hola como estan <-- marcado en rojo en el inspector del navegador
    </script>
</body>
</html>

The error in the browser console:

Uncaught SyntaxError: Unexpected identifier

php

5 Answers

  1. I think there is a misconception when it comes to structuring the task you want to do.

    You don't actually run PHP inside Javascript , rather Javascript will make use of whatever PHP prints inside your tags or functions. Since PHP is a server language, it will be executed before Javascript .

    Basic so that it is understood, the order in which they are executed:

    1st PHP (server)
    2nd HTML (browser)
    3rd Javascript (browser)

    So the flow would go as follows:

    1.- What result do we want to achieve?

    <html>
<head></head>
<body>
    <script>
       alert("hola como estan"); 
    </script>
</body>
</html>

    2.- What part of that result will PHP manage ?

    hola como estan

    3.- How does PHP print this text inside html ?

    <?php echo "hola como estan"; ?>

    4.- How do you put everything into operation?

    <html>
<head></head>
<body>
    <script>
       alert("<?php echo "hola como estan"; ?>");
       //    ^                                ^
       //   (1)                              (2)
    </script>
</body>
</html>

    Be careful with the syntax, the Javascript quotes must be kept.

    A simple example:

    <?php
// varios textos en un array
$txt = array(
    "Hola como estan",
    "Hola que tal va",
    "Hola ke ase XD",
);
// desordena el contenido del array
shuffle($txt);
?>

<html>
<head></head>
<body>
    <script>
       // cada vez que recarga el navegador
       // debería lanzar el texto de forma 
       // aleatoria
       alert("<?php echo $txt[0]; ?>"); 
    </script>
</body>
</html>
    • 10

  2. So as you have it is a syntax error. If you want to write something you can use the console like this:

    <?php echo "console.log('hola como estan');"

    Or also an alert like this:

    <?php echo "alert('hola como estan');"
    • 2

  3. You can use type (note the use of type="php" in the script that contains php code). The example is very insecure because it uses eval without a filter, so be careful. (This is basically what libraries like Babel use):

    <?php
if(isset($_POST['ev']) && $_POST['ev']=='1' && isset($_POST['que']) && !empty($_POST['que'])){
    eval($_POST['que']);
    exit;
}
?>
<!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>test</title>
        </head>
        <body>
        <script type="php">
        echo 'hola, hoy es '.date('d-m-Y');
        </script>
        <script>
        function request(url,callback,params){
            var H=new XMLHttpRequest();
            if(!H)return;
            var p='';
            for(var i in params){
                p+='&'+i+'='+encodeURIComponent(params[i]); 
            }
            var signo=url.indexOf('?')==-1 ? '?' :'&';
            H.open('post',url+signo+Math.random(),true);
            H.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
            H.onreadystatechange=function(){
                if(H.readyState==4 && (H.status == 200 ||  H.status==0) ){
                    if(callback)callback(H.responseText);
                    H.onreadystatechange=function(){}
                    H.abort();
                    H=null;
                }
            }
            H.send(p);
        }
        var scs=[].slice.call(document.getElementsByTagName('script'));
        scs.forEach(
            function(sc){
                if(sc.type=='php'){
                    request(
                        '?',
                        function(r){
                            sc.parentNode.replaceChild(document.createTextNode(r),sc);
                        },
                        {'ev':'1','que':sc.text}
                    );
                }
            }
        );
        </script>
        </body>
    </html>
    • 1
  4. Best Answer

    Currently I command like this

        $.post("<?php echo URL ?>/enviarRevisionDocumental",

    or tell me more about your concern, I will gladly help you.

    • 0

  5. In the script code you had put it as:

    <script>
    <?php echo 'Hola mundo'; ?>
</script>

    That's the problem, by putting echo you make the browser remove the php tags and put only the hello world. What you have to do you would have to mix php code with js. For example: If you want to output a console.log you have to do the following.

    <script>
    console.log('<?php echo 'Hola mundo';?>');
</script>
    • 0