作爲對POST請求的響應的HTML文件？

我已經看到有關此問題的問題和解答。例如How to return a HTML file as the response to a POST request?但我在實施解決方案時遇到問題。下面是一個名爲websiteIssue的目錄中的一些php代碼示例，它不起作用，我不知道爲什麼。作爲對POST請求的響應的HTML文件？

的index.php

<?php 

if(isset($_POST['page'])) 
{ 
    $page = $_POST['page']; 
} 
else 
{ 
    $page = ""; 
} 

include 'case.php'; 
?>

case.php

<?php 
$testLog = 'testLog.txt'; 

$fileHandle = fopen('testLog.txt', 'a'); 
fwrite($fileHandle, '$page = '.$page."\n"; 

switch($page) 
{ 
    case "screen2": 
      include 'screen2.php'; 
      fwrite($fileHandle, 'including screen2.php'."\n"); 
      break; 
    default: 
      include 'screen1.php'; 
      fwrite($fileHandle, 'including screen1.php'."\n"); 
      break; 
} 
fclose($fileHandle); 
?>

screen1.php

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
      <title>screen1.php</title> 
      <meta charset="utf-8"> 
      <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> 

    </head> 

    <body> 
      <button type="button" onClick=dataSubmit({page:"screen2"})> Screen 1 => Screen2</button> 

      <script> 
       function dataSubmit(data) 
       { 
        var xmlRequest = new XMLHttpRequest(); 
        var formData= new FormData(); 

        for(name in data) 
        { 
         formData.append(name, data[name]); 
        } 

        xmlRequest.open('POST', 'http://localhost/websiteIssue/'); 
        xmlRequest.send(formData);   
       } 
      </script> 
    </body> 
</html>

screen2.php

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
      <title>screen2.php</title> 
      <meta charset="utf-8"> 
      <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> 

    </head> 

    <body> 
      <button type="button" onClick=dataSubmit({page:"screen1"})> Screen 2 => Screen1</button> 

      <script> 
       function dataSubmit(data) 
       { 
        var xmlRequest = new XMLHttpRequest(); 
        var formData= new FormData(); 

        for(name in data) 
        { 
         formData.append(name, data[name]); 
        } 

        xmlRequest.open('POST', 'http://localhost/websiteIssue/'); 
        xmlRequest.send(formData);   
       } 
      </script> 
    </body> 
</html>

在初始加載時，它按照我的預期工作，screen1.php中的html顯示在瀏覽器中，但是當按下頁面上的按鈕時，html保持不變，而不是在screen2.php中更改爲0122輸出到testText.log是一樣的東西：

$page = 
including screen1.php 
$page = screen2 
including screen2.php

如同可能是顯而易見的，我是一個新手到這一點，並希望有一些基本的東西我沒有做過。我使用的瀏覽器是Firefox。任何幫助將非常感激。小提示：我爲這篇文章手工重寫了代碼，並沒有運行它（運行web服務器的機器沒有連接到互聯網），希望沒有語法錯誤，但我可能犯了一個錯字某處。

來源

2016-06-15 Glenn

通過包含php文件您正在響應的JavaScript，但你實際上並沒有使用該響應的任何東西。如果重定向到該頁面是您想要的，您需要在響應中使用location.assign。要做到這一點：

function dataSubmit(data) 
{ 
    var xmlRequest = new XMLHttpRequest(); 
    var formData= new FormData(); 

    // Redirects user to response when received. 
    xmlRequest.onreadystatechange=function{ 
     if (xmlRequest.readyState == 4 && xmlRequest.status == 200) { 
      location.assign(xmlRequest.responseText); 
     } 
    }; 

    for(name in data) 
    { 
     formData.append(name, data[name]); 
    } 

    xmlRequest.open('POST', 'http://localhost/websiteIssue/'); 
    xmlRequest.send(formData);   
}

來源

2016-06-15 18:46:00

感謝您的迴應:)我添加了您建議的代碼（與（）後面的單詞函數），但發現我得到了xmlRequest.status的404和xmlRequest.responseText是html 對象未找到！。任何想法爲什麼這應該是？ – Glenn

對不起，這是因爲我犯了一個錯誤（我在case.php中的代碼略有不同）。你的建議工作正常我只是在函數後面添加了括號（）（只是提醒別人想要嘗試），並將case中的includes改爲打印。只需要爲$頁面添加適當的代碼到屏幕上的php文件。 – Glenn

基於Felipe Souza給出的答案，我做了以下修改，以允許頁面被動態修改而不是重定向。我以爲我會分享，因爲它是另一種解決方案，有些人可能會感興趣的

的index.php

<?php 

if(isset($_POST['page'])) 
{ 
    $page = $_POST['page'];   
    include 'case.php'; 
} 
else 
{ 
    include 'base.php'; 
} 


?>

case.php

<?php 

switch($page) 
{ 
    case "screen2": 
     include('screen2.php'); 
     break; 
    case "screen1": 
     include('screen1.php'); 
     break; 
    default: 
     include('screen1.php'); 
     break; 
} 

?>

base.php

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>base.php</title> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> 

    </head> 

    <body> 
     <div id="container" style="width:100%; height:100%"> 
     <?php 

      if(!isset($_POST['page'])) 
      { 
       $page = ""; 
       include 'case.php'; 
      } 
     ?> 

     </div> 

     <script> 
     function dataSubmit(data) 
     { 

      var xmlRequest = new XMLHttpRequest(); 
      var formData = new FormData(); 

      xmlRequest.onreadystatechange=function() 
      { 

       if(xmlRequest.readyState==4 && xmlRequest.status==200) 
       { 
        document.getElementById("container").innerHTML = xmlRequest.responseText;   
       } 

      } 

      for(name in data) 
      { 
       formData.append(name, data[name]); 
       console.log(name + ":" + data[name]); 
      } 

      xmlRequest.open('POST', 'http://localhost/websiteIssue/'); 
      xmlRequest.send(formData); 

     } 
     </script> 
    </body> 
</html>

screen1.php

<button type"button" onClick=dataSubmit({page:"screen2"})> Screen 1 => Screen 2</button>

screen2.php

<button type"button" onClick=dataSubmit({page:"screen1"})>Screen 2 => Screen 1</button>

似乎有在一些潛在的優勢，爲新屏幕發送的數據量小，（不知道它是有用的）網站的結構更加僞裝。無論如何，它是基於Felipe Souza給出的答案並對其進行補充（顯示的是一種動態的方法，而不是一頁的變化）。只是想我會提到它，如果那是一些人正在尋找的東西。

來源

2016-06-16 09:56:47 Glenn

作爲對POST請求的響應的HTML文件？

回答

相關問題