javascript - 使用 JS/jQuery 过滤 PDO 和 MySQL 查询

Question

抱歉，我对这个主题缺乏了解，但我无法在任何地方找到我的问题的答案。

所以我有这个 MySQL 表:

Feed_ID Vehicle_ID  FullRegistration    Colour  FuelType    Year    Mileage Bodytype    Doors   Make    Model   Variant EngineSize  Price   PreviousPrice   Transmission    PictureRefs ServiceHistory  PreviousOwners  Description FourWheelDrive  Options Comments    New Used    Site    Origin  V5  Condition   ExDemo  FranchiseApproved   TradePrice  TradePriceExtra ServiceHistoryText  Cap_ID

如您所见，每一列都将包含车辆数据。

我已经使用PDO将数据库中的所有结果显示到我的前端，所有数据都以类似于Ebay的列表样式显示。

现在我需要过滤这些结果，但是我注意到许多结果过滤系统都使用 JS。

以下是一些示例，以便您更好地了解我在说什么:

http://www.autotrader.co.uk/search/used/cars/

http://www.motors.co.uk/search/car/

如您所见，所有过滤器都使用 JS，但是我在理解 JS 如何过滤 MySQL 查询时遇到问题？

我知道这个问题可能有点宽泛，但是有人可以向我展示一个 JS 如何过滤 PDO 结果的示例吗？就像我展示的示例一样？

谢谢

Answer 1

第一个使用了我怀疑是Javascript和服务器端语言的组合方法(很难证明，因为我看不到涉及的服务器端代码)。为简单起见，我假设该服务器端语言是 PHP，但很可能不是。

基本上，Javascript 在第一个网站上所做的就是设置 cookie 并告诉您刷新页面。一旦刷新，PHP 就会获取 Javascript 设置的 cookie，并根据这些 cookie 过滤 MySQL 查询的结果。

现在，第二个实际上是使用 Javascript 进行过滤，但同时仍然使用 PHP(同样，它可以是任何服务器端语言)。

这是一个名为 AJAX 的方法。它是 Javascript 中内置的一个函数，允许您从 Javascript 获取另一个页面(也称为发送和接收 HTTP 请求)。

这很有用的原因是，一旦您更改了该页面上的选项，Javascript 就可以使用 AJAX 向“http://www.motors.co.uk/search/getcarinfo.php?transmission=manual”之类的内容发送 HTTP 查询，从而允许 PHP 从 MySQL 获取新数据集并将其返回到 Javascript(这可能不是他们使用的 API 入口点，但它必须位于他们的 Javascript 中的某个位置)。

一旦 Javascript 收到来自该页面的响应(通常采用 JSON 或 XML 形式)，它就可以修改 HTML 以更新页面上显示的内容。

为了直接回答您的问题，Javascript 不会过滤数据。 MySQL 根据 PHP 查询过滤数据，然后将其响应返回给 Javascript。然后，Javascript 将其显示在屏幕上。