2016-03-23 69 views
-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>


+1

請參閱如何創建[mcve] – j08691

+0

我想可能是因爲您發佈的腳本太大,原因是您嘗試清除所有不相關的代碼,以使您的代碼片段更輕鬆閱讀...請記住,當你這樣做時,你可能會無意中發現問題... – dsdsdsdsd

+0

當'onsubmit'函數返回'false'時,這會阻止表單提交,所以'$ _POST ['foldername']] '沒有設置。 – Barmar

回答

0

當按下提交按鈕時,您正在重定向用戶。這發生而不是提交表單。

如果您要提交表單,請等待工作完成,然後將用戶重定向到新位置,您可以使用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)不過它可能會幫助你理解這個概念,以便進入下一步。

0
<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不是實現重定向邏輯。