javascript - 使用HTML标签和innerHTML、setAttribute()等传递数据。编辑和更新存储在数据库中的新闻文章

Question

我有一个简单的新闻更新界面，我可以从数据库中读取新闻标题/标题并将它们作为列表打印在页面上。目标是，当我单击其中一个标题时，它会显示一个带有表单的区域，可以在其中修改新闻文章，然后更新回数据库。

现在为了做到这一点，我需要以某种方式将信息(ID 或标题本身)传递到表单上，这样我就可以从数据库中读取正确的文章和其他信息。这似乎是一项非常简单的任务，但我发现这似乎是一项不可能完成的任务。我当然可以将整个表单放入 javascript 函数中，然后使用 this.innerHTML 将标题作为参数传递给函数，然后从变量中读取它，但随后我必须使用 javascript 生成所有 html，或 php，但我认为必须有一种更简单的方法来做到这一点。

我尝试使用隐藏的输入标签和其他元素(例如 span 和 div 元素)，然后使用 onclick="document.getElementByID("elementsname").value=this.innerHTML;"将标题作为输入元素值传递到那里和 onclick="document.getElementsByName("elementname")[0].setAttribute("value/name", this.innerHTML);"。像这样的事情是如此简单，但由于某种我不知道的原因，这些方法不起作用。要么信息没有到达那里，要么无法通过 javascript 从元素中进一步读取。

例如，当我将输入元素设置为 type="text"时，我可以使用输入元素传递信息，它会作为文本字段显示在页面上，但由于某种原因，它无法从那里读取，甚至无法读取从浏览器检查源代码时出现在代码上。为什么是这样？因此，我无法获取传递给 SQL 查询的信息，因此我可以将相应的新闻文章从数据库读取到文本区域中。

那么，有没有办法让这个想法发挥作用，或者我应该忘记它并使用其他方法？当 Web 开发人员想要打开某些内容以从数据库进行编辑/更新时，通常是如何完成此操作的？

Answer 1

这种方法通常使用 ajax 和动态填充服务器端的表单的单独模板 View 来完成。

您将拥有新闻文章页面。单击其中一个后，它将向您的服务器发出一个带有文章标识符的 ajax 请求。服务器将组成一个页面，其中包含一个所见即所得编辑器，其中预先填充了一组输入元素内的文章信息以及保存或取消操作。

带有此模板页面的服务器的响应将出现在新闻文章页面的成功回调中，然后弹出包含服务器端生成的 View 的模式类型元素。

完成更改后，如果保存 View ，则会调用页面上相关新闻文章的更新，并将更改发布到服务器。