php - 使用 jQuery 加载搜索表单结果，而不是在新页面上

Question

我正在尝试为基于 Magento 的电子商务设置构建自定义搜索表单。

此搜索表单由几个(下拉)选择框组成。该表单运行正常，但在您选择搜索值并提交表单后，您将进入包含结果的新页面。

搜索页面网址:http://exampleshop.com/catalogsearch/advanced
结果页面网址:http://exampleshop.com/catalogsearch/advanced/result/?color=red&size=large

我想做的是使用一些 jQuery 将搜索结果加载到表单下方的 div 中。

我已经搜索并找到了几个这样的例子，但我似乎无法得到任何结果。我还在 Stack Overflow 上遇到了一些类似的线程，但到目前为止，这里没有任何内容对我有用。

感谢您对此提供的任何帮助或指导。

Answer 1

.load 是最简单的方法。它基本上调用一个程序，当它完成时，结果会加载到您想要的任何地方。最完整的形式如下:

$("#results").load("/search.php?keyword=" + $("#searchinput").val() + " #phpresult", showResults)

将使用带有“searchinput”字段值的参数关键字来调用search.php(您需要进行编码或其他操作)。当 search.php 页面完成搜索时，它可以将结果保留在 id 为“phpresult”的容器中，这将替换调用程序的“结果”容器的内容。加载完成后，将调用函数“showResults”来执行您想做的任何操作。
最简单的形式就像

$("#results").load("/search.php?keyword=" + $("#searchinput").val())

它只是调用程序，整个结果将进入#results。