Question

我有以下代码：

  <form action="" method="post">
    <input type="submit" name="ok" value="ÓK">
  </form>
  <?php
    if (isset($_POST['ok'])) 
    { 
      printf "OK";
    }  
  ?>

我希望在按下按钮后会出现另一个html代码

我不知道该怎么做

Answer 1

这样做：

<form action="" method="post">
    <input type="submit" name="ok" value="ÓK">
</form>
<?php
    if (isset($_POST['ok'])) 
    { 
?>

<div>
<p>Your HTML-code here</p>
</div>

<?php
    }  
?>

Answer 2

尝试使用header（）方法进行重定向。如果你想回复简单的html就行了：

echo("<div></div>");

Answer 3

现在你有printf“ok”; 放

?> <?php

在它之间你可以把你的新HTML

Answer 4

使用打印或回显，而非 printf

Answer 5

如果您在单击按钮时要查找另一块HTML代码，则需要在按钮上发生onclick事件时调用JavaScript函数。

我对JS不太好，所以我把它作为OP的练习

Answer 6

您可以使用Ajax提交表单。在纯JavaScript中，您可以使用XMLHttpRequest对象。

以下是简单ajax.php文件的示例：

<?php
if (isset($_POST['ok'])) {
    // send some response here
    var_export($_POST);
    exit;
}
?>
<!DOCTYPE html>
<html><head>
<script type="text/javascript">
function ajax() {
    var form = document.forms['form1'];
    var queryString = 'test=' + form['test'].value + '&ok=' + form['ok'].value;
    var xmlHttpReq = false;
    var self = this;
    if (window.XMLHttpRequest) { // Mozilla/Chrome/Opera/Safari/IE9+
        self.xmlHttpReq = new XMLHttpRequest();
    } else if (window.ActiveXObject) { // IE6-8
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    self.xmlHttpReq.open('POST', 'ajax.php', true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.onreadystatechange = function () {
        if (self.xmlHttpReq.readyState == 4) {
            document.getElementById("result").innerHTML = self.xmlHttpReq.responseText;
        }
    }
    self.xmlHttpReq.send(queryString); // send http request
    return false; // disable submitting the form below and thus reloading the page
}
</script>
</head>
<body>
<form id="form1" action="" method="post" onsubmit="return ajax();">
    <input type="text" name="test" value="test data" />
    <input type="submit" name="ok" value="OK" />
</form>
<div id="result" style="background:#faa;"></div>
</body>
</html>

单击一个Button后PHP另一个HTML代码

6 个答案: