将创建的 div 保存到数据库 [关闭]答案

【问题标题】：Save created div to database [closed]将创建的 div 保存到数据库 [关闭]
【发布时间】：2019-06-24 20:43:16
【问题描述】：

用户通过单击按钮通过 javascript 创建新元素/节点 (div)。新元素通过sql保存为页面的“一部分”。

我不需要解决方案，我只需要一个起点。如果知道，那么最佳实践。

需要更好的搜索词。就是这样。

注意。我发现的是如何将 div 的内容保存到 sql 中。我知道的。以及如何创建新元素。我怀疑它是通过 fx ID 和循环完成的。但是我搜索的时候不够精确。

【问题讨论】：

那么你不知道的是什么？您在这里的确切问题是什么？您在寻找所见即所得的编辑器吗？
你可以保存 div 元素的字符串表示，虽然我不完全确定这是否是你想要的。
@PatrickQ 嘿帕特里克。不完全是。我所知道的是如何使用 AJAX > PHP > SQL 来保存表单和内容可编辑的 div。我不知道如何保存动态创建的 div（通过 JS）——不仅是内容，而且是作为页面一部分的新 div，缺乏更好的措辞/术语——这就是我所缺少的并且让人难以谈论。
@JClassic 这可能是它。这会是在 json 中保存结构的方式吗？
This 会帮助你。请记住，这将在没有所有原始样式的情况下正确渲染。

标签： javascript php sql

【解决方案1】：

首先，您需要学习 AJAX。

然后，您需要提取 div 的内容并将其发送回 PHP，该 PHP 将放入您的数据库中。鉴于您似乎是新手，我建议使用 jQuery 来执行此操作。

因此，作为起点，使用 jQuery 提取 div 的内容，请执行以下操作：

//Let's say your div is as follows:
<div id="some_div">Here you have some content</div>
//Here's the jQuery to extract the contents:
var divText = $("#some_div").html();

从那里，您需要使用 AJAX 将其发送到 PHP 以将其写入您的数据库。应该注意的是，如果他们正在创建一个新的 div，您需要先引用页面上的现有 div，然后将创建的 div 作为其子级，因为您将某些内容插入到 DOM 中t 已经存在并且您的 Javascript 不会意识到它。因此，您还必须了解“委托”。

听起来要学很多东西，但我们都必须从某个地方开始。

【讨论】：

嘿@Difster，谢谢。我正在使用 AJAX > PHP > SQL 来保存表单和内容可编辑的 div。这部分“应该注意的是，如果他们正在创建一个新的 div，您需要先引用页面上的现有 div，然后将创建的 div 作为其子级，因为您正在向 DOM 中插入一些东西那还不存在，你的 Javascript 不会意识到它。所以你还必须学习“委托”。是我一直在寻找的。如果您在该方向上还有其他任何事情，我们将不胜感激。否则这是一个起点。
我在 JS fiddle 上创建了这个脚本来演示委托。如果您觉得我的回答有帮助，请将其标记为已解决。谢谢。 jsfiddle.net/cbtrzozt
谢谢，不胜感激。正如预期的那样，这很快就被击落了——我已将你标记为答案。