PHP不工作在js形式

-3

我在我的网站上有一个表格（http://hokuco.com/test/）。它创建一个文件夹与PHP，但自从我安装了一个JavaScript我的PHP不工作。 javascript重定向到php创建的文件夹。具有讽刺意味的是，在我做JavaScript的工作之前，PHP的作品。PHP不工作在js形式

注重看起来像这样的两个障碍之间的区域：

<!--===========-->

的index.php：

<?php 
 
function recurse_copy($src,$dst) { 
 
    $dir = opendir($src); 
 
    @mkdir($dst); 
 
    while(false !== ($file = readdir($dir))) { 
 
     if (($file != '.') && ($file != '..')) { 
 
     if (is_dir($src . '/' . $file)) { 
 
      recurse_copy($src . '/' . $file,$dst . '/' . $file); 
 
     } 
 
     else { 
 
      copy($src . '/' . $file,$dst . '/' . $file); 
 
     } 
 
     } 
 
    } 
 
closedir($dir); 
 
} 
 
    
 
$src = "./xe7"; 
 
    
 

 
$dst = $_POST['foldername']; 
 
    
 
recurse_copy($src,$dst); 
 
?> 
 
<link rel="stylesheet" type="text/css" href="style.css" /> 
 
<div> 
 
<body onload="timer=setTimeout('removeControls();',3)"> 
 
<h1>Drawblog</h1> 
 
<div class="FAQ" style ="box-shadow: 1px 1px 3px rgba(0,0,0,0);"> 
 
    <a href="#hide1" class="hide" id="hide1">Controls</a> 
 
    <a href="#show1" class="show" id="show1">-</a> 
 
     <div class="list" style ="box-shadow: 1px 1px 3px rgba(0,0,0,0);"> 
 
    <!--===========--> 
 
<form method="post" id ="form" action ="index.php"> 
 
<input type="text" name="foldername" id ="togl"> 
 
<input type="submit" name="submit" value="Create panorama"> 
 
    <script type="text/javascript"> 
 
window.onload = function() { 
 
    document.getElementById("form").onsubmit = function() { 
 
     var folder = document.getElementById("togl").value; 
 
     window.location.href ="http://hokuco.com/test/" + folder + "/toggle.php"; 
 
     return false; 
 
    } 
 
} 
 
    </script> 
 
\t </form> 
 
    <!--===========--> 
 
<h3>Or,</h3> 
 
<h2>Login with an access code(the account you just typed into the box above, or a code someone shared with you)</h2> 
 
    <input type="text" id="field" /> 
 
    <button id="submit">Go</button> 
 
<link rel="stylesheet" type="text/css" href="style.css" /> 
 
    <script type="text/javascript"> 
 
document.getElementById("submit").addEventListener("click", function(){ 
 
    var folder = document.getElementById("field").value; 
 
    var url = "http://hokuco.com/test/" + folder + "/index.html"; 
 

 
    window.location.href = url; 
 
}); 
 
    </script> 
 
\t   </div> 
 
</div> 
 
<h1>&nbsp;</h1> 
 
<h1>&nbsp;</h1> 
 
<p>make shocking panoramas in minutes, no account needed</p> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<p>special thanks to:</p> 
 
\t \t <div id="info"><a href="http://threejs.org" target="_blank">three.js css3d</a> - panorama.</div> 
 

 
\t <h5>a hokuco company</h5> 
 
</div>

来源

2016-03-23 500man

请参阅如何创建[mcve] – j08691

我想可能是因为您发布的脚本太大，原因是您尝试清除所有不相关的代码，以使您的代码片段更轻松阅读...请记住，当你这样做时，你可能会无意中发现问题... – dsdsdsdsd

当'onsubmit'函数返回'false'时，这会阻止表单提交，所以'$ _POST ['foldername']] '没有设置。 – Barmar

当按下提交按钮时，您正在重定向用户。这发生而不是提交表单。

如果您要提交表单，请等待工作完成，然后将用户重定向到新位置，您可以使用AJAX提交表单，并在完成后使用回调重定向用户。看到这个：submit the form using ajax

另外，你可以在页面表单提交到，然后发送用户在那里使用php重定向。由于这个页面的形式和您可以使用类似的提交目标：

if (isset($_POST['foldername'])) { 
    $dst = $_POST['foldername']; 
    recurse_copy($src, $dst); 
    $destURL = "http://hokuco.com/test/".$dst."/toggle.php"; 
    header('Location: '.$destURL); 
    die('redirecting, please wait. Alternatively use this url: '.$destURL); 
}

这是非常基本的和危险的，因为你没有清理文件夹名称的用户输入（见本：Regular expression for folders）不过它可能会帮助你理解这个概念，以便进入下一步。

来源

2016-03-23 23:55:36

<form method="post" id ="form" action ="index.php"> 
<input type="text" name="foldername" id ="togl"> 
<input type="submit" name="submit" value="Create panorama"> 

</form>

好的。在添加JS代码之前，当用户按下提交按钮时，您的表单曾经被提交到index.php。

但是，现在您已经为此表单添加了一个处理程序到onsubmit事件。

<script type="text/javascript"> 
    window.onload = function() { 
     document.getElementById("form").onsubmit = function() { 
      var folder = document.getElementById("togl").value; 
      window.location.href ="http://hokuco.com/test/" + folder + "/toggle.php"; 
      return false; 
     } 
    } 
</script>

请注意，您的处理程序返回false，从而抑制表单提交的默认行为。的确，它需要返回false才能够执行重定向。

但是，现在您已经引入了自己的onsubmit处理函数，您需要提供自己的自定义JavaScript代码来提交表单。这样做的一种方法，使用jQuery，是这样的：

<script type="text/javascript"> 
    window.onload = function() { 
     document.getElementById("form").onsubmit = function() { 
      // Submit form to index.php 
      $.post('index.php', $('#form').serialize(), function() { 
       // Perform redirection, once submission succeeds 
       var folder = document.getElementById("togl").value; 
       window.location.href ="http://hokuco.com/test/" + folder + "/toggle.php"; 
      }); 
      return false; 
     } 
    } 
</script>

您还可能要考虑完全移除JS处理程序和PHP不是实现重定向逻辑。

来源

2016-03-23 23:53:49 TerraPass

PHP不工作在js形式

回答

相关问题