javascript - 将数据从一页上的表拉到另一页

Question

到目前为止，我只使用 HTML、CSS、js 和 Jquery，我没有尝试引入 SQL 或任何需要第三方软件的东西。现在，我有一个视频页面，我需要做的是构建一个系统，从视频页面中提取前 2-3 个视频，并将它们显示在索引页面的“新视频”部分下。

我不知道该怎么做，所以非常感谢您的帮助。

Answer 1

如果我没理解错的话，你希望从视频页面(前三个视频标题)抓取一些数据并显示在索引页面上。

以下是您在完成此任务时面临的挑战:

1. 首先显示索引页面(因此您不能“记住”一个页面中先前显示的视频标题(通过将它们保存在本地存储中)并在另一个页面上重新显示它们)。 LocalStorage 在这种情况下将不起作用

2. 这三个视频标题将显示给网页的所有访问者，因此您不能将它们存储在本地计算机上 - 它们必须存储在服务器上。

3. HTML 是一种标记语言，而不是编程语言，因此您不能将它用于 if/else 逻辑

4. javascript 是一种基于浏览器的语言，只能在本地运行 - 因此它与服务器的交互非常有限。

尽管如此，js/jQuery 确实有一种称为 AJAX 的东西，它允许您向服务器发送额外的请求 - 包括 jQuery $.load() 方法，它允许您将文件从服务器加载到当前页面。因此，您可以加载整个 index.html 页面并花费大量精力去除不需要的内容，或者您​​可以将所有视频存储为一个单独的文件并使用 .load( ) 在视频页面和索引页面加载列表。

如果您的网络服务器允许 PHP，而且大多数都允许，那么另一个选择是将 PHP 添加到您的技能列表中。 PHP 是一种与 HTML 类似的存在于服务器上的语言，但具有 HTML 所缺乏的编程能力。 PHP 可以创建 HTML 代码并将其注入(inject)您的页面——但它只能在构建页面时执行此操作，而不是在页面呈现并显示给用户之后执行(为此您将使用 javascript)。

要使用 PHP，您必须将所有页面从 .html 重命名为 .php - 它们将继续以相同方式工作。事实上，您现在可以对所有页面执行此操作 - 试试吧。他们将以同样的方式工作。唯一的区别是，在以 .php 结尾的页面上，您可以在 PHP-ON 和 PHP-OFF 标签之间添加 PHP 代码，如下所示:

<?php
    include name_of_my_file.php;
?>

上面的 PHP 指令与 jQuery $.load() 指令的作用几乎相同——它将名为 name_of_my_file.php 的文件的内容注入(inject)到呈现的该位置的页面。

使用 PHP，您可以将视频列表存储在服务器上的单独文件 all_videos.php 以及 index.php 和 videos 中。 php 页面，您可以让 PHP 部分读取这些文件并循环遍历标题，在字符串变量中创建 HTML 代码，然后您可以 echo(PHP“写入屏幕”命令)到网页所需位置。