javascript - 如何使用 DOM HTML javascript 或 PHP 函数从 html 页面恢复数据？

Question

我正在为赛车运动爱好者创建一个简单的网站，其中包含各种比赛类型的结果，例如每个锦标赛的类别和单场比赛

<div class="box">
  <div class="header"><p>New Zealand National racing Championship</p></div>
    <div class="races">
      <p><em>January 1</em> ???</p>
      <div class="race">
         <p><strong>Marlborough Circuit</strong></p>
         <p>&nbsp;</p>
         <p>1th - James Palmer (Brabham BT7A Coventry-Climax FPF s4 2750cc)               </p>
         <p>2th - XXXXXXXXXXXX (XXXXXX)</p>
         <p>3th - YYYYYYYYYYYY (YYYYYY)</p>
      </div>
    </div>
 </div>

现在我想使用一个脚本在搜索框中搜索一些结果，该脚本检查目录中的所有页面的结果，提取所有想要的数据并将其格式化在另一个页面中，例如使用给定的示例

新西兰国家赛车锦标赛

(1965 年 1 月 1 日) ??? 马尔堡赛道
第一名 - 詹姆斯·帕尔默 (Brabham BT7A Coventry-Climax FPF s4 2750cc)
第二名 - XXXXXXXXXXXX (XXXXXX)
3 日 - YYYYYYYYYYYY (YYYYYY)

我该怎么做？我可以创建一个使用 DOm 函数来提取这些数据的 PHP 页面，还是可以使用 javascript 或 jquery？

Answer 1

您的意思是您的所有数据都在 PHP 文件中？您没有从数据库中获取它们吗？那么你不能使用 javascript 或 jquery，因为所有这些 PHP 文件都驻留在服务器上，而 javascript 只能在客户端工作。如果您想创建搜索并且正在使用 PHP 文件，那么您必须解析所有 PHP 文件才能找到结果。至少可以说，这是非常笨拙的，而且很容易出错。如果您更改数据显示怎么办？您的搜索也将不再有效。因此，您将不得不调整您的搜索。那不是要走的路。如果您不想使用数据库，那么您至少可以使用数据文件。您只需查看数据文件即可创建搜索，而不必在每次更改网站布局时都重写搜索。

如果您了解一下 JSON，那么您就会知道数据文件的良好格式。它很容易解析并且独立于您网站的布局。

http://www.w3schools.com/json/

http://www.copterlabs.com/blog/json-what-it-is-how-it-works-how-to-use-it/

http://www.tutorialspoint.com/json/json_php_example.htm

您也可以使用每个 json 文件作为页面的数据。

我已阅读评论。如果您真的使用那么多数据(比赛中的所有赛车手都骑着摩托车等......)，那么使用数据库真的更好吗？您可以创建一个 php 页面，输入一场比赛和所有参赛者，提交表单并将它们存储在数据库中。它也适用于 JSON，但输入的数据越多，搜索速度就越慢。您在网站中输入的数据越多，其效果就越差。可惜你的努力。