PHP echo javascript doesnt work in if statement

Question

So the code looks like this:

<script>
function createFolder(folder){
    $.ajax({
    url: "index.php",
    type: "POST",
    data: {'folder':folder},
    success: function(data) {
        console.log("successful post");
        }
    });
}
</script>

<?php
if(isset($_POST["folder"])){
    $folder = $_POST["folder"];
    if(!file_exists($folder)) {
        mkdir($folder);                         <--- this code runs
        echo '<script>alert("qwe")</script>';   <--- this code doesnt run 
    }
    else {
        echo '<script>alert("qwer")</script>';  <--- this code doesnt run
    }
    echo '<script>alert("qwert")</script>';     <--- this code doesnt run 
}
echo '<script>alert("qwerty")</script>';        <--- this code runs
?>

..so in the if-statement where I check the file exists the echo doesnt work, but the mkdir($folder) command runs successfully and it is a bit confusing for me. Why echo doesnt work if it in an if-statement?

Do the other alerts work?

B''H Bi'ezras -- Boruch Hashem
– B''H Bi'ezras -- Boruch Hashem

2020-08-18 00:51:42 +00:00
Commented Aug 18, 2020 at 0:51 — B''H Bi'ezras -- Boruch Hashem
– B''H Bi'ezras -- Boruch Hashem, Commented Aug 18, 2020 at 0:51

Barmar · Accepted Answer · 2020-08-18 00:54:19Z

2

The <script> tags will only be executed if you put them into the HTML of a DOM element. That doesn't happen automatically, you need to do it in your success function.

function createFolder(folder){
    $.ajax({
        url: "index.php",
        type: "POST",
        data: {'folder':folder},
        success: function(data) {
            console.log("successful post");
            $("#somediv").html(data);
        }
    });
}

answered Aug 18, 2020 at 0:54

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

2 Comments

B''H Bi'ezras -- Boruch Hashem Over a year ago

That will set the content of the div to the entire page he's in plus the additional echoes

Barmar Over a year ago

@bluejayke Only if it script echoes the entire page even when it's called by an AJAX request.

B''H Bi'ezras -- Boruch Hashem · Accepted Answer · 2020-08-18 04:49:41Z

0

Ok you're trying to get the value from a php server using Ajax with JavaScript, then I'm guessing you want to alert to the page when received

The problem is that

if(isset($_POST["folder"]))

Only is true in the actual Ajax request itself, which only fetches the data as a string from the server, but doesn't actually execute it

If you want the code to be executed on the page, you have to do that on the Ajax on success call on the client side, so

<script>
function createFolder(folder){
    $.ajax({
    url: "index.php",
    type: "POST",
    data: {'folder':folder},
    success: function(data) {
        document.body.innerHTML+=data
         // Or maybe data.responseTezt or something idk 
        // Look up in the API how to get the text content
        console.log("successful post");
        }
    });
}
</script>

Then on the server side only echo the JavaScript if "folder" is not set,

Also in the client side in order to actually execute you JavaScript you may have to make a new Dom parser

so the whole php file is basically

<?php
if(isset($_POST["folder"])) {
    //All of your other code
} else {

?>
<!--all of your HTML code-->
<script>
function createFolder(folder){
    $.ajax({
    url: "index.php",
    type: "POST",
    data: {'folder':folder},
    success: function(data) {

      
         // Or maybe data.responseTezt or something idk 
        // Look up in the API how to get the text content
        var dp= new DOMParser()
        var doc=dp.parseFromString(data,"text/html")
        Array.from(doc.children).forEach(t=>
            document.body.appendChild(t)
        )
  
        console.log("successful post");
        }
    });
}
</script>
<?php } ?>

edited Aug 18, 2020 at 4:49

answered Aug 18, 2020 at 0:55

B''H Bi'ezras -- Boruch Hashem

1

6 Comments

Barmar Over a year ago

JavaScript isn't executed when assigning to innerHTML.

B''H Bi'ezras -- Boruch Hashem Over a year ago

@barmar true sometimes happens, might have to make a DOMParser, loop through the new documents elements and add them to the body one at a time (in the loop)

Barmar Over a year ago

See stackoverflow.com/questions/1197575/…

B''H Bi'ezras -- Boruch Hashem Over a year ago

@barmar ya you could eval the specific JavaScript too but if a bunch of html is echoed back together with JavaScript I think Dom parser is the only way

kreestyahn Over a year ago

"Ok you're trying to get the value from a php server using Ajax with JavaScript, then I'm guessing you want to alert to the page when received" Well, no. I want to alert to the page when the mkdir was successful or when it wasnt (because the dir is already created or it has invalid name)

|

Collectives™ on Stack Overflow

PHP echo javascript doesnt work in if statement

2 Answers 2

2 Comments

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related