Question

我正在尝试学习如何创建博客，并偶然发现了能够向现有网页添加新内容的问题。

这个想法是创建两个网页。

第一页; 主页（空）

第二页; 提交时的Web表单，将动态添加填写表单的内容到第一页（主页）。

到目前为止，使用JavaScript我已经学会了如何在单击按钮时创建一个新元素，这将在当前页面上添加div，但我想找到一种方法将内容添加到另一个页面（不知何故）。

用于在按钮上添加元素的代码

var number = 1; 
document.getElementById("add_more").addEventListener("click", function() { 
    var newDiv = document.createElement('div'); 
    newDiv.id = 'ep_holder'; 
    newDiv.innerHTML = 'hello world'; 
    document.getElementById('contain_form_upload').appendChild(newDiv); 
});

我已经多次尝试在网上搜索内容来帮助我，但是我偶然发现的所有内容都是Wordpress相关的，这让我别无选择，只能在这里提问！

如果有人能抽出时间帮助我，我将不胜感激！

提前致谢，萨姆。

Answer 1

Web应用程序由2个主要部分组成：客户端和服务器端。在客户端，你可以用javascript，html和css做事，就像你在那里做的那样。服务器端是您希望所有用户都能看到的数据的存储位置，服务器端是为客户端提供脚本和页面的服务器端。对于要在页面加载之间保留的帖子，您需要将它们存储在某个位置。如果它是你想要的迷你日志，那么像localStorage这样的东西将无法工作，因为你想要向访问博客的每个人展示这些帖子，因此你需要像php / wordpress / java / node.js这样的东西。 /asp.net或服务器端的任何技术，可以将这些帖子提供给访问您主页的任何人。该过程将是：完成表单，向服务器发出POST请求，编写服务器逻辑（或使用api，具体取决于您选择使用的内容）将数据保存到某种存储中（数据库将是理想的）然后在主页面上从那里加载它。

Answer 2

要显示以前在主页上第二页提交的数据，您应该： 1）使用通常的HTML表单或javascript提交您的数据 2）使用后端语言的处理请求（例如PHP） 3）将其保存到数据库（MySQL） 4）在主页上，在渲染页面时连接到DB并选择以前插入的条目。我想你可以在stackoverflow上找到关于每个动作的更多信息。

将表单中的内容添加到现有网页

2 个答案: