Question

我从头开始从事网站项目。主页的内容部分有一个表格和一个等级＆＃34;博客＆＃34;。当用户登录管理员帐户时，表单会显示。这允许您选择要在博客中发布的标题和内容。当前代码运行良好，除了在刷新页面时删除帖子的事实。如何永久地将其添加到页面？

这是我的代码：

<script type="text/javascript">
function addtext() {
    var title = document.blogform.title.value;
    var content = document.blogform.content.value;

    var $blogTitle = $('<div class="blogtitle">' + title + '</div>');
    var $blogContent = $('<div class="blogbody">' + content + '</div>');

    $('#blog').prepend($blogContent);
    $('#blog').prepend($blogTitle);
}
</script>

<h2>Submit New Blog Post</h2>
<div class="blogtitle">Submit a new blog post:</div>
<div class="blogbody">
    <form name="blogform">
    <fieldset class="fieldsetoffset"><legend>Post</legend>
        <div>Title of Post:</div>
        <input type="text" name="title">
        <div>Content of Post:</div>
        <textarea name="content" class="comment" rows="6" cols="88"></textarea>
        <hr>
        <input type="button" value="Add New Text" onClick="addtext();">
    </fieldset> 
    </form>
</div>
<div id="blog"></div>

Answer 1

您应该使用数据库（或平面文件，但不推荐..）来存储这些额外的部分。在您的页面上，创建数据库连接（php.net/PDO），从数据库中获取任何现有记录，当管理员存储它时，您应将其插入数据库。

HTML是平的，您可以通过更改DOM来动态添加和删除元素，但这只是在您的屏幕上而且没有人可用：）

Answer 2

我认为这是一个静态HTML页面。否则，您将从基于服务器的数据源刷新。如果您打算这样做，那么唯一的另一种方法是将数据存储为客户端cookie。

Answer 3

Javascript是客户端，这意味着当您使用jQuery向页面添加内容时，它只在您的浏览器本地，而不是在服务器端（它实际上并没有更改网站，它是＆＃39） ;只是改变你的浏览器渲染的内容。）

您需要使用Cookie（有一个非常简单易用的great jQuery cookies plugin），或者最好有某种服务器端脚本将其存储在数据库中并检索值之后，即使用PHP / mySQL，因为cookie仍然是特定于您而不是任何可能访问该网站的人。如果没有其他任何你可以使用PHP将它写入服务器上的text / html文件，然后显示，但这是一个非常难看的解决方案，数据库确实是你应该去的地方。

我可能会使用jQuery的AJAX函数在触发addtext()时调用PHP函数，并将内容和标题值传递给数据库。然后在页面上添加一些php代码，检查数据库中的现有帖子并显示它们。

Answer 4

您无法通过Javascript或jQuery执行此操作，因为它们是客户端语言。对于您想要实现的目标，您必须使用服务器端Language和database

动态和永久地向页面添加元素 - Javascript / jQuery

4 个答案: