将动态生成的div内容的副本发布到新页面

Question

所以我研究了很多，认为我看到的东西似乎比我想象的要复杂得多。

我只想把表单中特定div中的所有HTML内容，包括标签和id等等，并在提交后逐行复制到另一个页面上的新div中。有些内容是使用javascript动态生成的，例如表行及其数据，但在提交之前就完成了。

例如：取下面div中的表，并将其发布到表单提交的页面上的div中

<form action = "example.php" method = "post" enctype="multipart/form-data">
<div class="table_container">
<table class="example_table">
<tr> <!--This HTML was all generated with Javascript-->
<th>Test</th> 
<th>Test</th>
<th>Test</th>
</tr>
<tr>
<td>Test</td>
<td>Test</td>
<td>Test</td>
</tr>
<tr>
<td>Test</td>
<td>Test</td>
<td>Test</td>
</tr>
</table>
</div>
</form>

我还没有尝试过任何东西，因为我还没有找到任何可以做到这一点的东西。很多人提到了PHP include功能，但我不需要整个页面，而且由于它是动态生成的，我不知道它会如何工作。

任何关于如何做到这一点的建议都将不胜感激，无论是PHP、AJAX、JQUERY还是其他什么。

提前感谢
Kevin

Answer 1

JSON是最好的选择。我有生成表格的功能，也可以将数据发送到阵列

此代码选择数组(引用(并字符串化数据，然后将其存储为隐藏输入的值(ref_data(：

function input_ref_JSON() {
var refsJSON = JSON.stringify(references);
$('#ref_data').val(refsJSON); //write JSON data to hidden input value
}

然后在php页面上，我对其进行解码，并使用递归循环生成一个新的表

<?php 
$ref_JSON = $_POST['ref_data'];
$ref_decoded = json_decode($ref_JSON);
echo '<table>';
foreach ($ref_decoded as $ref) {
echo '<tr><td>'.$ref->type.'</td><td><a href="'.$ref->link.'">'.$ref->title.'</a></td><td>'.$ref->author.'</td><td>'.$ref->notes.'</td></tr>';
}
echo '</table>';
?>