php javascript刷新頁面

Question

我有（工作）：第一頁 - 用戶輸入字符串並按提交按鈕。此參數通過會話發送到運行某種腳本命令並顯示結果（輸出）的其他頁面。這裏的代碼，使之更加明確：

第一頁：

<?php 
    session_start(); 
    echo "<input type=\"text\" id=\"userInput\">"; 
    echo "<br><button onclick=\"submit()\">Submit</button>"; 
    $_SESSION[''] = $input; 
?> 

<script type="text/javascript"> 
    var submit = function() { 
     input = document.getElementById("userInput").value; 
     window.open ('secondPage.php?userInput=' + input,'_self',false);} 
</script> 

第二頁：

<?php 
    session_start(); 
    $input = $_GET['userInput']; 
    $command = "./myScript.py $input"; 
    system($command, $retval); 
?> 

現在，我想有兩個在一個單一頁面，即當頁面打開時，輸入字段和按鈕將位於頂部，在它下面將是第二頁命令的輸出，每當用戶「提交」另一個輸入時（第一次userInput將爲空），刷新該輸入字段和按鈕。希望很明顯，或多或少。任何幫助？

Answer 1

我想這是你所需要的：

<?php 
    session_start(); 

    // We check if there's POST data 'userInput' 
    if (isset($_POST['userInput'])) { 
     // 'userIput' exists, we make our process and return what we need. 
     echo 'User inputed '.$_POST['userInput']."<br>"; 
    } else { 
     // 'userIput' does not exists, displaying page content. 
     ?> 
     <input id="userInput" type="text" /><button id="btn">Send</button> 
     <div id="result"> 
      <!-- Displaying AJAX results here --> 
     </div> 
     <script type="text/javascript"> 

      // Send an XMLHttpRequest 
      function sendRequest(url, postData, callback) { 
       var req = new XMLHttpRequest(); 
       if (!req) 
        return; 
       var method = (postData) ? "POST" : "GET"; 
       req.open(method,url,true); 
       if (postData) 
        req.setRequestHeader('Content-type','application/x-www-form-urlencoded'); 
       req.onreadystatechange = function() { 
        if (req.readyState != 4) 
         return; 
        if (req.status != 200 && req.status != 304) { 
         return; 
        } 
        callback(req); 
       } 
       if (req.readyState == 4) 
        return; 
       req.send(postData); 
      } 

      // We bind the 'click' event on the button 
      document.getElementById("btn").addEventListener('click', function(e) { 
       var input = document.getElementById("userInput").value; 
       // Use AJAX 
       sendRequest("#", 'userInput='+input, function(data) { 
        // Data returned, inserting in our 'result' div. 
        var resDiv = document.getElementById("result"); 
        resDiv.innerHTML = resDiv.innerHTML + data.responseText; 
       }); 
      }); 
     </script> 

     <?php 
    }