Javascript 在UI中的元素之间传递数据

我是web应用程序的新手，正在尝试了解使用HTML处理数据的最佳方法。我正在使用Appengine（Python），并已成功地将一组数据加载到视图中。在最简单的形式中，它是一组电影名称，每个名称都有与之相关的详细信息（例如年份、评级等）。现在我如何在电影链接和显示所有细节的div之间传递数据？我将对我的应用程序中的一些控件使用jQuery，所以我想知道是否有一种方法可以使用它将数据绑定到控件

此外，有人能告诉我这方面的标准是什么吗？也就是说，如果我在一次调用中将所有这些数据加载到UI（假设不是很多电影标题），人们会很容易从屏幕上获取这些信息吗？或者这里通常会使用一些模糊处理

对不起，如果我不是很清楚，但我真的是一个网络开发的绝对初学者

更新1： 我找到了jQuery data（）api。看来这样行得通。评论

更新2：

---

后来进行了一些测试，结果表明data（）实际上是将数据附加到元素上，而不是将其显示在div中。

有几种方法可以做到这一点，但基本思想是以不可见的方式将数据放入HTML中，然后使用Javascript解析HTML并在需要时提取数据

在现代浏览器上最简单的方法是使用数据属性。这些是任何以data-开头的属性，其余的可以自己命名。例如：

<a href="/movie/1234" data-id="1234" data-title="Tsar Wars" data-actors="[Harryson Fjord, Carry Fischer]">Czar Wars</a>

在这种情况下，用户将只看到一个名为“沙皇战争”的链接，但您的javascript可以轻松访问数据属性以获取所需的数据。这种方法的另一个好处是jQuery将自动使data（）api可以访问数据属性

另一种方法是使用一个隐藏的HTML列表元素和列表中的所有数据元素，但是您必须自己解析它

没有标准的混淆。您需要在服务器端混淆自己，并在JS中消除混淆。在js中找出任何模糊处理算法都不太困难，所以这不值得花时间

---

如果数据确实是私有的，那么您必须将其构建为在服务器上执行所有处理。例如，只显示令牌（如1234），并使用AJAX调用将令牌传递给服务器，这样服务器就可以进行数据处理，并向脚本返回公共安全的结果。

谢谢您的提示。我只是回去解决这个问题。