#community-help

Using Search URL with Routing Option and SearchBox Widget

TLDR John was unsure how to handle a search URL with "routing option set to true". Jason suggested using a window.load hook and shared a relevant hook to consider. John then successfully solved the problem using the searchFunction.

27mo

Join the chat

Jun 18, 2021 (27 months ago)

Photo of md5-7a0ab48aa8979a59e1d8c3919797c1f8

John

12:51 AM

I am using the routing option set to true. Works great. 🙂 But is there a way to know a search was started by loading a "search" url? When I load one it fails to remove some HTML I was removing in the queryHook function of the searchBox widget...
To remove the HTML I was checking wheter the search input field contained some data or not.

Photo of md5-8813087cccc512313602b6d9f9ece19f

Jason

12:52 AM

Yeah, I've found it strange that the queryHook function doesn't get called on page load. So one way to achieve this is to manually check and sanitize query parameters on window.load...

John

12:54 AM

So you would create a window.load hook, but what do you mean exactly by "manually check and sanitize query parameters"??

Jason

12:57 AM

The same things you're doing inside queryHook to sanitize the input, you'd do on window load

12:58

Jason

12:58 AM

Although if you want to prevent a search from happening at all... I'm not sure how to do that off the top of my head

John

01:01 AM

OK, thanks!

Jason

01:01 AM

Here's another hook to consider: https://www.algolia.com/doc/api-reference/widgets/instantsearch/js/#widget-param-searchfunction

01:02

Jason

01:02 AM

Looks like this gets triggered on page load as well

John

01:03 AM

OK, will try out then!

01:12

John

01:12 AM

The searchFunction is the one - it totally works fine with the routing set to true!

Jason

01:12 AM

Awesome!

John

01:12 AM

😁

Typesense

Lightning-fast, open source search engine for everyone | Knowledge Base powered by Struct.AI

Indexed 2764 threads (79% resolved)

Join Our Community Manage subscription

Similar Threads

Parameters for Quick Start Search Query

A asked how to auto-run a search query. Kishore Nallan suggested the 'additionalSearchParameters' field, while Jason proposed using 'routing: true'.

19mo

Modifying InstantSearch.js Behavior

John needed help disabling a default behavior in InstantSearch.js. Jason suggested using the searchFunction hook, which resolved the issue.

28mo

Issues with InstantSearch Autocomplete and Dropdown UI

Keith was having issues implementing the Instantsearch autocomplete search field and dropdown UI. Jason clarified that `querySuggestionsPlugin` is for autocomplete.js, advising to use the autocomplete widget of instantsearch.js and shared a link to style widgets. Keith successfully implemented the suggestions.

12mo

Discussing Angular Instant Search Optimization

Ivan wanted to optimize Angular Instant Search by triggering search only on typing. Jason provided a solution and relevant documentation links. Kenneth provided additional input and advice.

19mo

Troubleshooting Typesense Setup and Understanding Facets and Keywords

Demitri encountered errors when exploring Typesense for the first time. Jason guided them through troubleshooting and discussed facets, keyword settings, and widget configurations. Helin shared a Python demo app and its source code to help Demitri with their project.

18mo