如何保存动态更改的 HTML？

【问题标题】：How to save dynamically changed HTML?如何保存动态更改的 HTML？
【发布时间】：2011-09-26 11:38:29
【问题描述】：

我在 UL LI 列表中排列了大约 8 个 div 项目。每个都有唯一的 ID 和特定的内容。这些项目是可排序的，我为此使用 jquery UI。一旦用户拖放列表项的组件位置发生变化。但刷新页面后，我得到了相同的 HTML 页面。我想在服务器上保留项目的新位置。这样做的有效方法是什么？我可以创建 HTML 的克隆并在会话期间保留它，但我希望将更改保存在服务器上。元素位置的更改是特定于用户的。这就像用户更改了元素位置，他想保存设置..提前感谢您的帮助

【问题讨论】：

  • 排序后得到什么回调？有许多技术可以实现这一点。当为此使用左右 id 表时，我已经忘记了它是如何调用的。也许有人会帮助记住。

标签： jquery jquery-ui savechanges


【解决方案1】：

不必费心检查生成的 HTML。相反，只需通过 AJAX 将项目的新顺序传递回服务器。这可以像一个数字序列一样简单。存储这些并在下次使用它们以按所需顺序创建列表。

【讨论】：

  • 您能否详细说明您的解决方案。如何获取列表元素的顺序？
  • 您的 JavaScript 代码应该能够掌握元素的当前顺序。
  • 你说他们有唯一的id，所以只存储id的顺序
【解决方案2】：

您可以将位置存储在 cookie 中，并在刷新后根据该 cookie 重新排列

【讨论】：

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-03-12
    • 1970-01-01
    • 1970-01-01
    • 2023-04-02
    • 1970-01-01
    • 2011-09-27
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode