Question

这是我需要帮助的代码

我希望能够在本网站上发布文字并保留

<html>
  <head>
    <title>Negulos</title>
    <style>
      p {
        text-align: center;
        color: lime;
        font-size: 20px;
      }
      body {
        background-color: black;
        overflow-x: hidden;
      }
      input[type=text], select {
        boarder: none;
        background-color: black;
        color: lime;
        position: absolute;
        right: 550px;
      }
      div {
        border-radius: 5px;
        padding: 20px;
      }
    </style>
  </head>
  <body>
    <p>Welcome to Negulos the current time is</p><p id="t"></p>
    <p>Write anything you'd like to get off your chest</p>
    <div>
      <input type="text" id="user" value="Your text here">
    </div>
    <p onclick="post" onmouseover="colorOn(this)" onmouseout="colorOff(this)">post</p>
    <p id="post"></p>
    <script>
      function colorOn(x) {
        x.style.color = "red";
      }
      function colorOff(x) {
        x.style.color = "lime";
      }
    </script>
    <script>
      function post() {
        var x = document.getElementById("user").value;
        document.getElementById("post").innerHTML = x;
      }
    </script>
    <script>
      document.getElementById("t").innerHTML = Date();
    </script>
    <?php

?>
  </body>
</html>

Answer 1

这部分代码没有做任何事情：

<p onclick="post"

您遗漏了应该触发()功能的括号post()。

需要读作：

<p onclick="post()"

Answer 2

由于您已经标记了jQuery和PHP的问题，最常见的方法是在服务器上安装某种api端点，接收发布请求，并通过jquery使用$.post()发送数据。这可以由事件处理程序或您选择的任何其他方法触发。

传统的方法是创建一个自动发布数据的html表单：

<form method="POST" action="/api.php">
    <input type="text" name="usertext" value="" />
    <input type="submit" value="Submit!" />
</form>

当用户提交表单时，会在/api.php向服务器发送帖子请求。

如果您只想暂时保留它，可以将数据加载到cookie中，或使用localstorage。

如何让用户能够在网站上发布并保留它？

2 个答案: