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

我希望能够张贴本网站上的文字帮助的代码，并为它留

<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>

来源

2017-03-29 Negulos

使用AJAX？！或者可能是我没有得到你想要的东西 –

这里和php有什么关系？ –

和你是什么意思*“并保持在网站上？”* - ?? –

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

传统的做法是创建一个HTML表单，它会自动张贴了数据：

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

，当用户提交表单时，将在/api.php使POST请求到服务器。

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

来源

2017-03-29 20:56:32 Tyzoid

我觉得OP要做到这一点无需重新加载页面 – Akintunde007

@PhpDev这就是为什么我说你可以使用jQuery做一个职位，并触发它的东西。这就是说，它不是很清楚，因此我添加了额外的细节（这更简单）。 – Tyzoid

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

<p onclick="post"

你忽略了这是应该触发post()功能括号()。

需要读作：

<p onclick="post()"

来源

2017-03-29 21:33:17

我怎么会得到它在多行？ – Negulos

@Negulos这是一个不同的故事。你必须追加到它。 –

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

回答

相关问题