Post 将动态生成的 div 内容复制到新页面

Question

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

我只想获取特定 div 中的所有 HTML 内容，包括标签和 ID 等等，然后逐行复制到新的 div 在 post 提交后的另一页上。一些内容是使用 javascript 动态生成的，例如 table 行及其数据，但在提交之前完成。

例如：将下面div中的table和post合并为表单提交页面上的div。（我正在使用 multipart/form-data 因为我有一个以相同形式输入的文件）

<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 包含功能，但我不需要整个页面，而且这是动态生成的，我看不出它是如何工作的。

任何有关如何执行此操作的建议，无论是 PHP、AJAX、JQUERY 还是其他任何建议，我们都将不胜感激。

提前致谢
凯文

Answer 1

JSON 是正确的选择。我有生成 table 的函数也将数据发送到数组

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

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

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

<?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>';
?>

Post 将动态生成的 div 内容复制到新页面

Post copy of dynamically generated div content to new page

javascript

php

html

post

dynamically-generated