javascript - 使用 PHP/AJAX/HTML 在网页上打印文本

Question

我有以下简单的表格

<form action="" method="POST">
<input type="button" value="Generate Numbers" onclick="on_callPhp1()"/>
</form>

还有这个 JavaScript

<script type="text/javascript">
function on_callPhp()
{
    var result = "<?php php_func1();?>";
    alert(result);
    return false;
}
</script>

和这个 PHP 脚本

function php_func1()
{
    echo "Hello PHP";
}
?>

以上工作完美，每当我按下按钮时，我都可以看到 PHP 的警报。 但是，我不希望看到警报，而是希望在页面上写入 Hello PHP 文本。为此，我尝试删除 alert(result); 并改为放置 echo (result); 但它不起作用，也没有显示任何内容。

我希望文本出现在页面的 body 中。

主要是，我将在 php_func1() 中放置一个 for 循环并生成随机数，并且我希望它们出现在按钮下方。

有什么想法吗？

Answer 1

您立即要做的事情就像我想的那样简单:

<form action="" method="POST">
  <input type="button" value="Generate Numbers" onclick="on_callPhp()"/>
</form>
<div id="phptext"></div>

和

<script type="text/javascript">
  function on_callPhp()
  {
      var result = "<?php php_func1();?>";

      document.getElementById('phptext').innerHTML = result;
  }
</script>