javascript - 如何将使用 javascript 创建的 div 传递到另一个使用 php 的页面

标签 javascript php jquery html css

创建 div 后,我不知道如何在另一个页面中显示它们。当使用它们的功能创建 div 时,单击一个按钮后,它们将显示在主页面的一个 div 中,紧接着,必须重定向到第二个页面,传递创建的 div。

主页工作原理示例:Jsfiddle

我不知道如何在第二页中发送和显示刚创建的 div。

我认为 Action 应该用 php 设置,但我不知道...

重要

你不必看懂Js代码。你只需要知道我要复制到第二页的div,一开始是不存在的。因此,必须在创建 div 之后执行“复制到新页面”操作。

主页:

<html lang="it">
      <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
      <meta charset="UTF-8">
            <link rel="stylesheet" href="style.css"/>
        </head>
        <body>
<div id="faketxt" contenteditable>Write Here</div>
<button id='btn'>OK</button> <br>

<div id='boxes'>

</div>

<script type="text/javascript">

$('#btn').click(function() {
  var primo = document.getElementById('faketxt');
  var wordLimit = 145;
  var words = primo.textContent.replace(/(&lt;([^&gt;]+)&gt;)/ig,"").split(/\s/);
  if (words.length) {
    var count = 0;
    var div = createDiv();
    words.forEach(function(word) {
      if (++count > wordLimit) {
        count = 1;
        div = createDiv();
      }
      if (div.innerHTML) {
        div.append(' ');
      }
      div.append(word);
    });
  }
});

function createDiv() {
  div = document.createElement('div');
  div.className = 'fakes';
  document.getElementById('boxes').append(div);
  return div;
}

        </script> 

</body>
</html>

最佳答案

您不必只发送下一页重新创建它所需的数据量就可以发送整个 div。 即,您可以使用 cookie 并让用户记住:

document.cookie = "divinfo=The text field of the div's;\
                   path=/";

有一个包含相关信息的隐藏输入字段。

<input name="divinfo" hidden value="The info required for the creation of the div"/>

如果您使用 cookie,javascript 可以在另一侧重新创建数据,如果您使用隐藏输入,您应该让 php 重新创建它。

关于javascript - 如何将使用 javascript 创建的 div 传递到另一个使用 php 的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41913497/

相关文章:

javascript - 来自 Express 的响应未定义且待处理(React 前端)

javascript - Ajax 表单使用 Yii 2 提交两次

php - 商业 PHP 脚本,长时间运行的进程。守护进程与 cronjobs?

javascript - "Uncaught TypeError: Cannot read property ' 将重复事件添加到数据库时克隆 ' of undefined"

javascript - JQuery:禁用点击事件

jquery - Jquery 中使用 .on 停止事件冒泡

javascript - 如何将函数中找到的javascript变量值存储在php变量中

javascript - 模块.导出 "Module is not defined"

javascript - WC3 中的表单控件属性标签错误消息

php - 如何在页面上查询 Woocommerce 订单