Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 加载与jQuery内联的搜索表单结果,而不是在新页面上_Php_Jquery_Ajax_Search_Magento - Fatal编程技术网

Php 加载与jQuery内联的搜索表单结果,而不是在新页面上

Php 加载与jQuery内联的搜索表单结果,而不是在新页面上,php,jquery,ajax,search,magento,Php,Jquery,Ajax,Search,Magento,我正在尝试为基于Magento的电子商务设置构建一个自定义搜索表单 此搜索表单由几个(下拉)选择框组成。表单运行正常,但在您选择搜索值并提交表单后,您将进入一个包含结果的新页面 搜索页面URL: 结果页面URL: 我想做的是用jQuery将搜索结果加载到表单下方的div中 我已经搜索并找到了几个这样的例子,但我似乎哪儿也找不到。我在堆栈溢出上也遇到了一些类似的线程,但到目前为止,这里还没有任何东西对我有效 感谢您在这方面提供的任何帮助或指导。 $('div').load(someUrl,opts

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

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

搜索页面URL:
结果页面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