Php 加载与jQuery内联的搜索表单结果,而不是在新页面上
我正在尝试为基于Magento的电子商务设置构建一个自定义搜索表单 此搜索表单由几个(下拉)选择框组成。表单运行正常,但在您选择搜索值并提交表单后,您将进入一个包含结果的新页面 搜索页面URL:Php 加载与jQuery内联的搜索表单结果,而不是在新页面上,php,jquery,ajax,search,magento,Php,Jquery,Ajax,Search,Magento,我正在尝试为基于Magento的电子商务设置构建一个自定义搜索表单 此搜索表单由几个(下拉)选择框组成。表单运行正常,但在您选择搜索值并提交表单后,您将进入一个包含结果的新页面 搜索页面URL: 结果页面URL: 我想做的是用jQuery将搜索结果加载到表单下方的div中 我已经搜索并找到了几个这样的例子,但我似乎哪儿也找不到。我在堆栈溢出上也遇到了一些类似的线程,但到目前为止,这里还没有任何东西对我有效 感谢您在这方面提供的任何帮助或指导。 $('div').load(someUrl,opts
结果页面URL: 我想做的是用jQuery将搜索结果加载到表单下方的div中 我已经搜索并找到了几个这样的例子,但我似乎哪儿也找不到。我在堆栈溢出上也遇到了一些类似的线程,但到目前为止,这里还没有任何东西对我有效 感谢您在这方面提供的任何帮助或指导。
$('div').load(someUrl,opts)代码>。加载是最简单的方法。它基本上调用一个程序,当它完成时,结果被加载到任何你想要的地方。最完整的形式是:
$("#results").load("/search.php?keyword=" + $("#searchinput").val() + " #phpresult", showResults)
将使用带有“searchinput”字段值的参数关键字调用search.php(您需要进行编码或其他操作)。当search.php页面完成搜索时,它可以将结果保留在id为“phpresult”的容器中,这将替换调用程序的“results”容器的内容。加载完成后,将调用函数“showResults”执行您想执行的任何操作。
以最简单的形式,它就像
$("#results").load("/search.php?keyword=" + $("#searchinput").val())
它只调用程序,整个结果都会进入#results