Question 36337 in Jquery Question posted in
The official Jquery Api Documentation can be found here.

How do I retain the values of search filter through different pages – Jquery

I have used search filters on one of my index view page. All the search filers are same for the second page too. I want to have a functionality in which the selected filter values from first page will be retained on the next filters too automatically and I don’t have to select the filters again on the next page.

Tags:

3

Answers


  1. 0

    On the index page you could add the search filters as query params to the url using jQuery.param(). On the next page you can parse and set the params as filters.

    You could also store the values with localStorage.
    The advantage of query params is that you can easily edit, bookmark and share the url. LocalStorage is better for storing large amounts of data. See also this SO answer.

    Login or Signup to reply.
  2. 0

    You can use localStorage in index page to store the selected value of the filters and pass it as default value of filters in next pages

    Login or Signup to reply.
  3. 0 
    sessionStorage.setItem('sample-filter' , filterValue);

    you can use sessionStorage in first page . Because The value stored in sessionStorage will be deleted after the refresh.

    after set sessionStorage you can use filter in next page :

    sessionStorage.getItem('sample-filter');
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search