Javascript PHP：使用$\u POST显示表单值

我有一个基本的HTML表单，带有一个输入文本字段和一个提交按钮。现在，我想使用JavaScript在表单提交后在文本字段中显示用户输入的内容

这是我表格的代码：

<form method = "POST">
   <input type = "text" name = "tweet1" />
   <br>
   <input type = "submit" onclick = "postResul()" />
</form>

现在，这两个代码段都存储在一个PHP文件中。但是，在提交表单时，不会显示输入表单字段中输入的数据。我正在显示$_POST['tweet1']变量，以便显示用户提交的条目

---

这里怎么了？我是不是用错了PHP中的$\u POST变量？

您必须创建另一个文件。将代码更改为：

<form method="POST" action="another.php" >
   <input type = "text" name = "tweet1" />
   <br>
   <input type = "submit"  />
</form>

在文件other.php中，可以显示变量，然后：

<?php echo htmlspecialchars($_POST['tweet1'], ENT_QUOTES, 'UTF-8'); ?>

这应该起作用：

function postResul()
{
    var htmlString=document.getElementsByName("tweet1")[0].value;
    alert(htmlString);
}

但是，您确实应该阅读更多关于客户端和服务器端语言如何工作的内容。

在调用Javascript函数时，您不能使用$\u POST['tweet1']来获取值。基本上，客户端和服务器端是完全不同的

您可以使用Javascript获得以下结果：

function postResul()
{
    var htmlString= document.getElementsByName("tweet1")[0].value;
    alert(htmlString);
}

在HTML中：

<form method = "POST">
   <input type = "text" name = "tweet1"/>
   <br>
   <input type = "submit" onclick = "postResul()" />

</form>

注意：上述函数在客户端运行，而不是在服务器端

$\u POST可用于获取php页面中提交表单的值

---

干杯

如果要在将输入发送到服务器之前显示输入值：

document.querySelectorform.addEventListenersubmit，函数 { var value=this.querySelectorinput[name='tweet1'].value； 警戒值； return false；//禁用向服务器发送数据 }，假；

---

你应该以不同的方式使用表单

<form method="POST">
   <input type = "text" name = "tweet1" />
   <br>
   <input type = "submit" />
</form>

像这样的。

---

希望它有用。

如果您使用jquery库，您可以这样做

<form method="POST">
   <input type = "text" name = "tweet1" class="tweet" />
   <br>
   <input type = "submit" class="submit" />
</form>

$('.submit').click(function(e){
    alert($('.tweet').val());
    e.preventDefault();
});

---

jsfiddel工作示例

您必须意识到PHP和JS是非常不同的语言PHP在服务器端工作，JS在客户端工作。调用PostResult函数时，您试图回显服务器端已处理的$\u POST变量，这不是您的意图。您可以1简单地通知用户的输入值，或2将用户输入存储在数据库中，您可以使用AJAX调用访问他们的输入。可能的$\u POST副本可用于在php页面中获取提交表单的值。我不太明白这意味着什么。我的原始代码在一个php页面中。你能详细说明一下吗？@ManasChaturvedi:Javascript是在客户端运行的东西。您所编写的onclick函数旨在仅在客户端浏览器上运行。当您提交表单并希望在php页面中获取值时，可以通过$_POST['tweet1']来完成。尝试回显$_帖子['tweet1']；在php页面的顶部，您将知道。

<?php
return json_encode([1, 2, 3]);

$('form').on('submit', function() {
   $.post('test.php', {}).done(function(response) {
      alert(response);
   })
})

<form method="POST">
   <input type = "text" name = "tweet1" class="tweet" />
   <br>
   <input type = "submit" class="submit" />
</form>

$('.submit').click(function(e){
    alert($('.tweet').val());
    e.preventDefault();
});