Загружать результаты поиска в виде строки с помощью jQuery, а не на новой странице

Question

Я пытаюсь создать пользовательскую форму поиска для настройки электронной коммерции, построенной на Magento.

Эта форма поиска состоит из нескольких (раскрывающихся) полей выбора.Форма работает нормально, но после того, как вы выбрали значения для поиска и отправили форму, вы попадаете на новую страницу с результатами.

URL страницы поиска: http://exampleshop.com/catalogsearch/advanced
Страница результатовURL: http://exampleshop.com/catalogsearch/advanced/result/?color=red&size=large

Вместо этого я загружаю результаты поиска в div под формой с помощью некоторого jQuery.

Я искал и нашел несколько примеров этого, но я не могу никуда добраться.Я также сталкивался с несколькими подобными темами здесь, о переполнении стека, но пока что здесь у меня ничего не работает.

Спасибо за любую помощь или руководство по этому вопросу.

Answer 1

.load - самый простой способ. Он в основном вызывает программу, и когда она заканчивается, результаты загружаются куда угодно. В его наиболее полной форме это будет выглядеть так:

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

Вызвал бы search.php с ключевым словом параметра со значением поля searchinput (вам нужно было бы кодировать или что-то еще). Когда страница search.php завершает поиск, она может оставить результаты в контейнере с идентификатором «phpresult», и это заменит содержимое контейнера «результатов» вызывающей программы. Когда загрузка завершается, вызывается функция showResults, чтобы делать все, что вы хотите.
В простейшем виде это было бы похоже на

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

, который просто вызывает программу, и весь результат результата будет # равен.

Answer 2

http://api.jquery.com/load

$('div').load(someUrl, opts);